小編給大家分享一下html中meta標簽如何使用，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

倉山ssl適用于網站、小程序/APP、API接口等需要進行數據傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

Html中meta標簽

一、meta標簽 含義

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

標簽位于文檔的頭部，不包含任何內容。

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

二、meta 中常用屬性

1. charset  (字符集)

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

用法：

2.  viewport (視區(qū))

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

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

用法：

(1)  width

width 控制 viewport 的大小，一般為了自適應設置為device-width

(2) initial-scale

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

 (3) maximum-scale

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

(4)  minimum-scale

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

(5)  user-scalable

user-scalable 用戶調整縮放。即用戶是否能改變頁面縮放程度。如果設置為yes則是允許用戶對其進行改變，反之為no。

3. keywords (關鍵字)

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

用法：

4. description (描述、簡介)

說明：Description用來告訴搜索引擎你的網站主要內容。

用法：

5. format-detection (格式檢測)　　

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

用法：關于meta的format-detection屬性主要是有以下幾個設置：　　　

　meta name="format-detection" content="telephone=no"
　　　　meta name="format-detection" content="email=no"
　　　　meta name="format-detection" content="adress=no"

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

（1）telephone

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

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

（2）email

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

email=no禁止作為郵箱地址！
email=yes就開啟了把文字默認為郵箱地址，這個meta就不用寫了,在默認是情況下就是開啟！

（3）adress

adress=no禁止跳轉至地圖！
adress=yes就開啟了點擊地址直接跳轉至地圖的功能,在默認是情況下就是開啟！

6. apple-touch-fullscreen

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

用法：

7.  apple-mobile-web-app-capable

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

用法：

8.  App-Config

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

用法：

9. msapplication-tap-highlight

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

用法：

看完了這篇文章，相信你對html中meta標簽如何使用有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

標題名稱：html中meta標簽如何使用-創(chuàng)新互聯(lián)
文章網址：http://weahome.cn/article/doppsh.html