HTML5 HTML meta標籤的整理

2022-07-15 17:09:08 字數 740 閱讀 6358

(文章還在修改完善中,文中只整理出了部分標籤)需要的可以參考下 :

html的meta標籤描述的頭部資訊特別多,有針對的seo的頭部資訊,也有針對移動裝置的頭部資訊。下面是一些有關標記的例子及解釋。

meta 標籤分兩大部分:http 標題資訊(http-equiv)和頁面描述資訊(name)。

1、宣告文件使用的字元編碼

// 簡寫

2、宣告文件的相容模式

// 最高模式

// 指示ie使用 指令,確定標準模式指令以ie7 標準模式顯示,而 quirks 模式指令以 ie5 模式顯示。

3、移動裝置新增 viewport 的meta標籤(移動螢幕的縮放)

content 引數:

width      viewport 寬度(數值/device-width)

height viewport 高度(數值/device-height)

initial-scale 初始縮放比例

maximum-scale 最大縮放比例

minimum-scale 最小縮放比例

user-scalable 是否允許使用者縮放(yes/no)

minimal-ui ios 7.1 beta 2 中新增屬性,可以在頁面載入時最小化上下狀態列。這是乙個布林值,可以直接這樣寫:

4、name 屬性的 format-detection 值(忽略頁面中的數字識別為**號碼)

no:禁止 ,yes:可以(預設,預設識別--就可不寫)

HTML meta標籤小記

eg tip html4中 描述值 x ua compatible ie8的專用標記,用來模擬渲染方式 ie edge,chrome 1 ie edge告訴ie使用最新的引擎渲染網頁,chrome 1則可以啟用chrome frame cache control 請求和響應快取機制 expires ...

HTML meta標籤詳解

meta標籤是html中head頭部的乙個輔助性標籤,雖然這部分資訊使用者不可見,但是其作用非常強大,特別是當今的前端開發工作中,設定合適的meta標籤可以大大提公升 頁面的可用性。我移動端專案中常用的meta標籤 僅供參考,如下是詳細解釋 utf 8 viewport content width ...

HTML Meta標籤和link標籤

1 用以說明生成工具 如microsoft frontpage 4.0 等 3 告訴搜尋引擎你的站點的主要內容 4 告訴搜尋引擎你的站點的製作的作者 5 其中的屬性說明如下 設定為index 檔案將被檢索 meta name keywords content meta name descriptio...