廢話，就不多說(shuō)了，開(kāi)始今天的主題。
Html中meta標(biāo)簽
一、meta標(biāo)簽 含義
<meta> 元素 可提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。
<meta> 標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。
<meta> 標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱(chēng)/值對(duì)。
二、meta 中常用屬性
1. charset (字符集)
說(shuō)明：規(guī)定 HTML 文檔的字符編碼。
用法： <meta charset="UTF-8">
2. viewport (視區(qū))
說(shuō)明：是用戶(hù)網(wǎng)頁(yè)的可視區(qū)域。 大家都知道移動(dòng)設(shè)備的屏幕一般都比PC小很多，webkit瀏覽器會(huì)將一個(gè)較大的“虛擬”窗口映射到移動(dòng)設(shè)備的屏幕上，默認(rèn)的虛擬窗口為980像素寬（目前大部分網(wǎng)站的標(biāo)準(zhǔn)寬度），然后按一定的比例（3：1或2：1）進(jìn)行縮放。
也就是說(shuō)當(dāng)我們加載一個(gè)普通網(wǎng)頁(yè)的時(shí)候，webkit會(huì)先以980像素的瀏覽器標(biāo)準(zhǔn)加載網(wǎng)頁(yè)，然后再縮小為490像素的寬度。注意這個(gè)縮小是一個(gè)全局縮小，也就是頁(yè)面上的所有元素都會(huì)縮小。
用法：
<meta id="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)頁(yè)面第一次 load 的時(shí)候縮放比例。
(3) maximum-scale
maximum-scale 最大縮放。即允許的最大縮放程度。這也是一個(gè)浮點(diǎn)值，用以指出頁(yè)面大小與屏幕大小相比的最大乘數(shù)。
(4) minimum-scale
minimum-scale：允許用戶(hù)縮放到的最小比例。和 maximum-scale 用法類(lèi)似。
(5) user-scalable
user-scalable 用戶(hù)調(diào)整縮放。即用戶(hù)是否能改變頁(yè)面縮放程度。如果設(shè)置為yes則是允許用戶(hù)對(duì)其進(jìn)行改變，反之為no。
3. keywords (關(guān)鍵字)
說(shuō)明：為搜索引擎提供的關(guān)鍵字列表。各關(guān)鍵詞間用英文逗號(hào)“,”隔開(kāi)。指定搜索引擎用來(lái)提高搜索質(zhì)量的關(guān)鍵詞。
用法：<Meta name="Keywords" Content="關(guān)鍵詞1,關(guān)鍵詞2，關(guān)鍵詞3,關(guān)鍵詞4,……">
4. description (描述、簡(jiǎn)介)
說(shuō)明：Description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
用法：<Meta name="Description" Content="你網(wǎng)頁(yè)的簡(jiǎn)述">
5. format-detection (格式檢測(cè))
說(shuō)明：format-detection 是用來(lái)檢測(cè)html里的一些格式的。
用法：關(guān)于meta的format-detection屬性主要是有以下幾個(gè)設(shè)置：
meta name="format-detection" content="telephone=no"
meta name="format-detection" content="email=no"
meta name="format-detection" content="adress=no"
也可以連寫(xiě)：meta name="format-detection" content="telephone=no,email=no,adress=no"
（1）telephone
你明明寫(xiě)的一串?dāng)?shù)字沒(méi)加鏈接樣式，而iPhone會(huì)自動(dòng)把你這個(gè)文字加鏈接樣式、并且點(diǎn)擊這個(gè)數(shù)字還會(huì)自動(dòng)撥號(hào)！想去掉這個(gè)撥號(hào)鏈接該如何操作呢？這時(shí)我們的meta又該大顯神通了，代碼如下：
telephone=no就禁止了把數(shù)字轉(zhuǎn)化為撥號(hào)鏈接！
telephone=yes就開(kāi)啟了把數(shù)字轉(zhuǎn)化為撥號(hào)鏈接，要開(kāi)啟轉(zhuǎn)化功能，這個(gè)meta就不用寫(xiě)了,在默認(rèn)是情況下就是開(kāi)啟！
（2）email
告訴設(shè)備不識(shí)別郵箱，點(diǎn)擊之后不自動(dòng)發(fā)送
email=no禁止作為郵箱地址！
email=yes就開(kāi)啟了把文字默認(rèn)為郵箱地址，這個(gè)meta就不用寫(xiě)了,在默認(rèn)是情況下就是開(kāi)啟！
（3）adress
adress=no禁止跳轉(zhuǎn)至地圖！
adress=yes就開(kāi)啟了點(diǎn)擊地址直接跳轉(zhuǎn)至地圖的功能,在默認(rèn)是情況下就是開(kāi)啟！
6. apple-touch-fullscreen
說(shuō)明：添加到主屏幕后，全屏顯示。
用法：<meta name="apple-touch-fullscreen" content="yes">
7. apple-mobile-web-app-capable
說(shuō)明： 作用就是刪除默認(rèn)的蘋(píng)果工具欄和菜單欄。content有兩個(gè)值”yes”和”no”,當(dāng)我們需要顯示工具欄和菜單欄時(shí)，這個(gè)行meta就不用加了，默認(rèn)就是顯示。
用法：<meta name="apple-mobile-web-app-capable" content="yes" />
8. App-Config
說(shuō)明：保留歷史記錄以及動(dòng)畫(huà)效果
用法：<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes"/>
9. msapplication-tap-highlight
說(shuō)明：點(diǎn)擊無(wú)高光(高亮)
用法：<meta name="msapplication-tap-highlight" content="no">
總結(jié)
以上所述是小編給大家介紹的html中meta標(biāo)簽及用法詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
