html中meta標(biāo)簽及用法是什么

這篇文章跟大家分析一下“html中meta標(biāo)簽及用法是什么”。內(nèi)容詳細(xì)易懂，對“html中meta標(biāo)簽及用法是什么”感興趣的朋友可以跟著小編的思路慢慢深入來閱讀一下，希望閱讀后能夠?qū)Υ蠹矣兴鶐椭Ｏ旅娓【幰黄鹕钊雽W(xué)習(xí)“html中meta標(biāo)簽及用法是什么”的知識吧。

　　Html中meta標(biāo)簽

　　一、meta標(biāo)簽含義

　　<meta>元素可提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。

　　<meta>標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。

　　<meta>標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。

　　二、meta中常用屬性

　　1.charset(字符集)

　　說明：規(guī)定HTML文檔的字符編碼。

　　用法：<metacharset="UTF-8">

　　2.viewport(視區(qū))

　　說明：是用戶網(wǎng)頁的可視區(qū)域。大家都知道移動設(shè)備的屏幕一般都比PC小很多，webkit瀏覽器會將一個較大的“虛擬”窗口映射到移動設(shè)備的屏幕上，默認(rèn)的虛擬窗口為980像素寬（目前大部分網(wǎng)站的標(biāo)準(zhǔn)寬度），然后按一定的比例（3：1或2：1）進(jìn)行縮放。

　　也就是說當(dāng)我們加載一個普通網(wǎng)頁的時候，webkit會先以980像素的瀏覽器標(biāo)準(zhǔn)加載網(wǎng)頁，然后再縮小為490像素的寬度。注意這個縮小是一個全局縮小，也就是頁面上的所有元素都會縮小。

　　用法：

　　<metaid="viewport"name="viewport"content="width=device-width;initial-scale=1.0;maximum-scale=1;user-scalable=no;">

　　(1)width

　　width控制viewport的大小，一般為了自適應(yīng)設(shè)置為device-width

　　(2)initial-scale

　　initial-scale：初始縮放比例，也即是當(dāng)頁面第一次load的時候縮放比例。

　　(3)maximum-scale

　　maximum-scale最大縮放。即允許的最大縮放程度。這也是一個浮點值，用以指出頁面大小與屏幕大小相比的最大乘數(shù)。

　　(4)minimum-scale

　　minimum-scale：允許用戶縮放到的最小比例。和maximum-scale用法類似。

　　(5)user-scalable

　　user-scalable用戶調(diào)整縮放。即用戶是否能改變頁面縮放程度。如果設(shè)置為yes則是允許用戶對其進(jìn)行改變，反之為no。

　　3.keywords(關(guān)鍵字)

　　說明：為搜索引擎提供的關(guān)鍵字列表。各關(guān)鍵詞間用英文逗號“,”隔開。指定搜索引擎用來提高搜索質(zhì)量的關(guān)鍵詞。

　　用法：<Metaname="Keywords"Content="關(guān)鍵詞1,關(guān)鍵詞2，關(guān)鍵詞3,關(guān)鍵詞4,&hellip;&hellip;">

　　4.description(描述、簡介)

　　說明：Description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。

　　用法：<Metaname="Description"Content="你網(wǎng)頁的簡述">

　　5.format-detection(格式檢測)

　　說明：format-detection是用來檢測html里的一些格式的。

　　用法：關(guān)于meta的format-detection屬性主要是有以下幾個設(shè)置：

　　metaname="format-detection"content="telephone=no"

　　metaname="format-detection"content="email=no"

　　metaname="format-detection"content="adress=no"

　　也可以連寫：metaname="format-detection"content="telephone=no,email=no,adress=no"

　?。?）telephone

　　你明明寫的一串?dāng)?shù)字沒加鏈接樣式，而iPhone會自動把你這個文字加鏈接樣式、并且點擊這個數(shù)字還會自動撥號！想去掉這個撥號鏈接該如何操作呢？這時我們的meta又該大顯神通了，代碼如下：

　　telephone=no就禁止了把數(shù)字轉(zhuǎn)化為撥號鏈接！

　　telephone=yes就開啟了把數(shù)字轉(zhuǎn)化為撥號鏈接，要開啟轉(zhuǎn)化功能，這個meta就不用寫了,在默認(rèn)是情況下就是開啟！

　?。?）email

　　告訴設(shè)備不識別郵箱，點擊之后不自動發(fā)送

　　email=no禁止作為郵箱地址！

　　email=yes就開啟了把文字默認(rèn)為郵箱地址，這個meta就不用寫了,在默認(rèn)是情況下就是開啟！

　　（3）adress

　　adress=no禁止跳轉(zhuǎn)至地圖！

　　adress=yes就開啟了點擊地址直接跳轉(zhuǎn)至地圖的功能,在默認(rèn)是情況下就是開啟！

　　6.apple-touch-fullscreen

　　說明：添加到主屏幕后，全屏顯示。

　　用法：<metaname="apple-touch-fullscreen"content="yes">

　　7.apple-mobile-web-app-capable

　　說明：作用就是刪除默認(rèn)的蘋果工具欄和菜單欄。content有兩個值”yes”和”no”,當(dāng)我們需要顯示工具欄和菜單欄時，這個行meta就不用加了，默認(rèn)就是顯示。

　　用法：<metaname="apple-mobile-web-app-capable"content="yes"/>

　　8.App-Config

　　說明：保留歷史記錄以及動畫效果

　　用法：<metaname="App-Config"content="fullscreen=yes,useHistoryState=yes,transition=yes"/>

　　9.msapplication-tap-highlight

　　說明：點擊無高光(高亮)

　　用法：<metaname="msapplication-tap-highlight"content="no">

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

關(guān)于html中meta標(biāo)簽及用法是什么就分享到這里啦，希望上述內(nèi)容能夠讓大家有所提升。如果想要學(xué)習(xí)更多知識，請大家多多留意小編的更新。謝謝大家關(guān)注一下億速云網(wǎng)站！