文章同步到github
以前沒怎麼太注意過meta標籤的作用，只是簡單了解一些常用屬性，現在結合個人了解的進行記錄與總結:
首先需要了解一下元資料(metadata)元素的概念，用來構建html文件的基本結構，以及就如何處理文件向瀏覽器提供資訊和指示，它們本身不是文件內容，但提供了關於後面文件內容的資訊。——出自《html5權威指南》如title、base、meta都是元資料元素。本文主要介紹。
元素可以定義文件的各種元資料，提供各種文件資訊，通俗點說就是可以理解為提供了關於**的各種資訊。html文件中可以包含多個元素，每個元素只能用於一種用途，如果想定義多個文件資訊，則需要在head標籤中新增多個meta元素。
元素meta
父元素head
屬性http-equiv、name、content、charset
html5中的變化
1. charset為html5中新增的，用來宣告字元編碼;2. http-equiv屬性在html4中有很多值，在html5中只有refresh、default-style、content-type可用
元素出去charset屬性外，都是http-equiv屬性或name屬性結合content來使用
1. 指定名/值對定義元資料
name屬性與content屬性結合使用, name用來表示元資料的型別，表示當前標籤的具體作用；content屬性用來提供值。
welcome
說明當前頁所屬web應用系統的名稱
keywords
description
當前頁的說明
author
當前頁的作者名
版權資訊
renderer
renderer是為雙核瀏覽器準備的，用於指定雙核瀏覽器預設以何種方式渲染頁面
viewreport
它提供有關視口初始大小的提示，僅供移動裝置使用
備註:擷取自mdn
主要介紹乙個當meta標籤的name屬性值為viewreport時的視口的大小
1.mate標籤name屬性不設定viewreport
如果不設定name的值為viewreport，缺省視口寬度為980
2.mate標籤name屬性設定viewreport
initail-scale = 螢幕寬度 / 視口寬度//預設webkit核心
//預設ie相容模式
//預設ie標準模式
charset屬性為html5新增的屬性，用於宣告字元編碼,以下兩種寫法效果一樣
//html5//舊的htmlhttp-equiv屬性與content屬性結合使用,http-equiv屬性為指定所要模擬的標頭字段的名稱，content屬性用來提供值。
x-ua-compatible瀏覽器採取何種版本渲染當前頁面
//指定ie和chrome使用最新版本渲染當前頁面//說明public
所有內容都將被快取(客戶端和**伺服器都可快取)
private
內容只快取到私有快取中(僅客戶端可以快取，**伺服器不可快取)
no-cache
no-store
所有內容都不會被快取到快取或 internet 臨時檔案中
must-revalidation/proxy-revalidation
如果快取的內容失效，請求必須傳送到伺服器/**以進行重新驗證
max-age=*** (*** is numeric)
快取的內容將在 *** 秒後失效, 這個選項只在http 1.1可用, 並如果和last-modified一起使用時, 優先順序較高
由於能力有限，結合demo總結以上元素的常用屬性及其功能，可能有些紕漏，還望大家多多包含和指正，文章參考了《html權威指南》及其他相關部落格，在我能力外沒有總結的可參考以上部落格。後續有時間還會繼續學習和更新此文章，希望能對大家有所幫助
參考文件:
移動web之viewport詳解
w3school
html meta標籤總結與屬性的使用介紹
常用meta整理
html中的meta標籤
meta元素提供頁面的原資訊，位於文件頭部 content屬性 該屬性提供名稱 值對中的值，使用要與http equiv或name屬性一起使用 3.1 http equiv 屬性 對應的值有 content type expires refresh set cookie 該屬性把content屬性關...
HTML入門4 常用標籤 meta標籤
我們觀察之前的html檔案都會自動有乙個mate標籤，每次都會設定編碼 charset utf 8 在使用meta標籤的時候，content是必須要寫的屬性，還有幾個是可選的屬性 name,http equiv,scheme 下面我們來看乙個meta的使用例子，讓當前頁面隔2秒自動重新整理一次頁面。...
Html中meta標籤詳解
這個屬性指定 如果content 只包含乙個正整數,則是重新載入頁面的時間間隔 秒 如果content 包含乙個正整數並且跟著乙個字串,則是重定向到指定鏈結的時間間隔 秒 refresh content 3 author author content 龍龍老表 description descrip...