meta基礎

HTML <meta>用來表示元數據信息。

元數據

根據維基百科。元數據（metadata），又稱詮釋數據、中介數據、後設數據等，爲描述其餘數據信息的數據。有三種不一樣類型的元數據，分別是記敘性元數據、結構性元數據和管理型元數據。

• 記敘性元數據描述了用於發現與辨別意義的資源。它能夠包括如標題、摘要、做者和關鍵字等元素。
• 結構性數據是有關於數據容器的元數據，指示如何整理其中複合的對象。例如頁面依什麼排序方式組成章節。
• 管理型元數據用於管理資源的信息，例如數據產生的時間和方式、文件種類和其餘技術信息，以及誰有權限訪問它。

網頁的元數據

網頁包含元標籤形式的元數據。元標籤<meat....>中的敘述和關鍵字通常用於描述網頁的內容。標記元素也指示頁面描述、關鍵字、文件做者以及最後修改的時間。網頁元數據可幫助搜索引擎和用戶，查找他們需求的網頁類型。

HTMLMetaElement

The HTMLMetaElement interface contains description metadata about a document.
It inherits all of the properties and methods described in the HTMLElement 
interface.

<meta>元素用來表示那些不能由其餘HTML元相關元素<base><link><script><style><title>

屬性

Name	Type	Description
content	DOMString	獲取/設置元數據屬性的值，content屬性的值
httpEquiv	DOMString	把cotent屬性鏈接到一個HTTP頭部
name	DOMString	把content屬性鏈接到某個名稱
charset		當前文檔所使用的字符編碼

 

charset

<meta charset='utf-8' />

content

此屬性包含http-equiv或name的值，具體取決於所使用的值。

http-equiv

Content Language	content-language	不推薦使用，使用lang代替
Encoding declaration	content-type	規定不能與charset的meta同時出現，因此不經常使用(html4的方式)
Default style	default-style	指定頁面首選樣式表，content屬性包含<link>元素的標題，href屬性能夠連接到css樣式表或者<style>元素的標題
Refresh	refresh	看下面的例子
Set-Cookie	set-cookie	不經常使用
X-UA-Compatible	x-ua-compatible	主要用於IE，見下面的例子
Content security policy	content-security-policy	容許頁面做者定義當前頁的內容策略。內容策略主要指定容許服務器源和腳本端點，有助於防止跨站點腳本攻擊

 

 

<meta http-equiv="Refresh" content="20; URL=page4.html"><!-- 20秒後刷新，跳轉至url指定的頁面 -->

<meta http-equiv="X-UA-Compatible" content="ie=edge">

模式Edge 模式告訴 IE 以最高級模式渲染文檔，也就是任何 IE 版本都以當前版本所支持的最高級標準模式渲染，避免版本升級形成的影響。簡單的說，就是什麼版本 IE 就用什麼版本的標準模式渲染。

name 

• application-name：定義網絡應用的名稱
• author：做者名
• keywords：與網頁內容相關的單詞（有助於優化SEO）
• referrer：控制文檔發出HTTP請求的Referer首部的內容
  

  no-referrer	不要發送 HTTP Referer 首部。
  origin	發送當前文檔的 origin。
  no-referrer-when-downgrade	當目的地是先驗安全的(https->https)則發送 origin 做爲 referrer ，可是當目的地是較不安全的 (https->http)時則不發送 referrer 。這個是默認的行爲。
  origin-when-crossorigin	在同源請求下，發送完整的URL (不含查詢參數) ，其餘狀況下則僅發送當前文檔的 origin。
  unsafe-URL	在同源請求下，發送完整的URL (不含查詢參數)。

• viewport：提供有關視口初始大小的提示，僅供移動設備使用

	可能值	描述
width	一個正整數或者字符串 device-width	以pixels（像素）爲單位， 定義viewport（視口）的寬度。
height	一個正整數或者字符串 device-height	以pixels（像素）爲單位， 定義viewport（視口）的高度。
initial-scale	一個0.0 到10.0之間的正數	定義設備寬度（縱向模式下的設備寬度或橫向模式下的設備高度）與視口大小之間的縮放比率。
maximum-scale	一個0.0 到10.0之間的正數	定義縮放的最大值；它必須大於或等於minimum-scale的值，否則會致使不肯定的行爲發生。
minimum-scale	一個0.0 到10.0之間的正數	定義縮放的最小值；它必須小於或等於maximum-scale的值，否則會致使不肯定的行爲發生。
user-scalable	一個布爾值（yes 或者no）	若是設置爲 no，用戶將不能放大或縮小網頁。默認值爲 yes。

參考

1. the meta element_HTML5
2. meta ----MDN