必要屬性:屬性值
描述content
some text
定義與http-equiv或name屬性相關的元資訊
可選屬性:屬性值
描述http-equiv
content-type / expire / refresh / set-cookie
把content屬性關聯到http頭部。
name
author / description / keywords / generator / revised / others
把 content 屬性關聯到乙個名稱。
content
some text
定義用於翻譯 content 屬性值的格式。
seo優化
name
="keywords"
content
="meat,常用meta整理"
/>
name
="description"
content
="整理meta標籤常用屬性"
移動裝置name
="viewport"
content
="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"
/>
width:寬度(數值 / device-width)(範圍從200 到10,000,預設為980 畫素)
height:高度(數值 / device-height)(範圍從223 到10,000)
initial-scale:初始的縮放比例 (範圍從》0 到10)
minimum-scale:允許使用者縮放到的最小比例
maximum-scale:允許使用者縮放到的最大比例
user-scalable:使用者是否可以手動縮 (no,yes)
minimal-ui:可以在頁面載入時最小化上下狀態列。(已棄用)
注意,很多人使用initial-scale=1到非響應式**上,這會讓**以100%寬度渲染,使用者需要手動移動頁面或者縮放。如果和initial-scale=1同時使用user-scalable=no或maximum-scale=1,則使用者將不能放大/縮小網頁來看到全部的內容。
name
= content
="yes"
/>
name
= content
="black-translucent"
/>
name
= content
="常用meta整理"
>
content
="telephone=no"
name
="format-detection"
/>
content
="email=no"
name
="format-detection"
/>
name
= content
=>
name
="handheldfriendly"
content
="true"
>
name
="mobileoptimized"
content
="320"
>
name
="screen-orientation"
content
="portrait"
>
name
="x5-orientation"
content
="portrait"
>
name
="full-screen"
content
="yes"
>
name
="x5-fullscreen"
content
="true"
>
name
="browsermode"
content
=>
name
="x5-page-mode"
content
=>
name
= content
="no"
>
網頁相關charset
國內雙核瀏覽器預設核心模式如下:
搜狗高速瀏覽器、qq瀏覽器:ie核心(相容模式)
360極速瀏覽器、遨遊瀏覽器:webkit核心(極速模式)
參考文件
菜鳥教程 | 常用meta整理
常用meta整理
必要屬性屬性 值描述content some text 定義與http equiv或name屬性相關的元資訊 可選屬性屬性 值描述http equiv content type expire refresh set cookie 把content屬性關聯到http頭部。name author des...
常用meta整理
必要屬性 屬性值 描述content some text 定義與http equiv或name屬性相關的元資訊 可選屬性 屬性 值描述http equiv content type expire refresh set cookie 把content屬性關聯到http頭部。name author d...
常用meta整理
必要屬性 屬性 值描述content some text 定義與http equiv或name屬性相關的元資訊 可選屬性 屬性 值描述http equiv content type expire refresh set cookie 把content屬性關聯到http頭部。name author d...