本篇內(nèi)容主要講解“怎么使用html中meta標(biāo)簽”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“怎么使用html中meta標(biāo)簽”吧!

站在用戶的角度思考問題，與客戶深入溝通，找到施秉網(wǎng)站設(shè)計與施秉網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋施秉地區(qū)。

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

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

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

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

二、meta 中常用屬性

1. charset  (字符集)

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

用法：   

2.  viewport (視區(qū))

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

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

用法：

(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則是允許用戶對其進行改變，反之為no。

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

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

用法：

4. description (描述、簡介)
 

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

用法：

5. format-detection (格式檢測)

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

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

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

（1）telephone
 

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

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

（2）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

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

用法：

7.  apple-mobile-web-app-capable

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

用法：

8.  App-Config

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

用法：

9. msapplication-tap-highlight

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

用法：

到此，相信大家對“怎么使用html中meta標(biāo)簽”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！