小編給大家分享一下html meta標簽使用及屬性的案例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

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

自學前端開始，我對meta標簽接觸不多，主要把精力都集中在能顯示出來的標簽上，比如span、button、h2等等。有時候去查看一些知名網站的源碼，發(fā)現(xiàn)head標簽里有一大摞的meta。

今天就來學習一下meta的用處，看看有些啥屬性。

一、定義及作用

meta，即元數(shù)據(jù)（Metadata）是數(shù)據(jù)的數(shù)據(jù)信息。

該標簽提供了 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在客戶端，但是會被瀏覽器解析。

通常用于指定網頁的描述，關鍵詞，文件的最后修改時間，作者及其他元數(shù)據(jù)。

元數(shù)據(jù)可以被使用瀏覽器（如何顯示內容或重新加載頁面），搜索引擎（關鍵詞），或其他 Web 服務調用。

二、屬性

charset(htm5新增)	定義文檔的字符編碼
content	定義與 http-equiv 或 name 屬性相關的元信息。
http-equiv	http響應頭
name	屬性名稱
scheme (htm5廢棄)	翻譯 content 屬性的值的方案

1、charset

HTML5新增的屬性，定義當前頁面的字符編碼

新寫法：

老寫法：

HTML5中優(yōu)先用新寫法

2、name屬性

a、keywords，當前網頁的關鍵字，便于搜索引擎識別，提高搜索準確性

b、description，對當前網頁的簡單描述，如果用百度搜索的話，在搜索結果的每個標題下面會顯示description的內容，方便用戶快速定位

c、viewport，這個meta有點復雜，主要用在移動網頁中，需要單獨寫一篇文章，這里暫時略過

d、robots，搜索引擎爬蟲的索引方式

content的取值有all、none、index、noindex、follow、nofollow，默認是all，具體的說明如表格所示：

all	文檔可以被索引，文檔中的鏈接可以被查詢
none	文檔不能被索引，同時文檔中的鏈接不能被查詢
index	文檔可以被索引
noindex	文檔不能被索引，但是文檔中的鏈接可以被查詢
follow	文檔中的鏈接可以被查詢
nofollow	文檔可以被索引，但是文檔中的鏈接不能被查詢

e、author，文檔的作者

f、copyright，文檔的版權說明

g、revisit-after，搜索引擎爬蟲重訪的時間間隔，如果你的網站不經常更新，那可以把這個時間設置的稍長一些，能略微的減輕服務器的壓力，節(jié)省帶寬資源

h、renderer，雙核瀏覽器的渲染方式，指定默認用哪個瀏覽器內核來渲染，例如360瀏覽器：

 //默認webkit內核
 //默認IE兼容模式
 //默認IE標準模式

3、http-equiv

模擬http里的頭，回傳給服務器一些信息

a、expires，網頁的到期時間，過期之后，需要重新訪問服務器

b、pragma(兼容http1.0，1.1)，cache-control(http1.1新增)，設置緩存方式，建議用cache-control，該屬性的content具體參考http里的cache-control

c、refresh，自動刷新并跳轉到content中聲明的url

 //5秒后跳轉向我自己的域名

d、set-cookie，添加cookie

e、content-Type，文檔的字符編碼，同charset，建議使用charset

f、x-ua-compatible，告訴瀏覽器用哪個版本來渲染文檔

 //指定IE和Chrome使用最新版本渲染當前頁面

以上是html meta標簽使用及屬性的案例分析的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)網站制作公司行業(yè)資訊頻道！

網頁題目：htmlmeta標簽使用及屬性的案例分析-創(chuàng)新互聯(lián)
文章轉載：http://weahome.cn/article/ccpgop.html