meta標籤是html中head頭部的乙個輔助性標籤,雖然這部分資訊使用者不可見,但是其作用非常強大,特別是當今的前端開發工作中,設定合適的meta標籤可以大大提公升**頁面的可用性。
//我移動端專案中常用的meta標籤(僅供參考,如下是詳細解釋)
"utf-8">
"viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
"x-ua-compatible" content="ie=edge">
"x5-orientation" content="portrait|landscape">
"x5-fullscreen" content="true">
meta詳解:
"utf-8">
"viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
"x-ua-compatible" content="ie=edge">
"google" content="notranslate">
"expires" content="0">
"pragma" content="no-cache">
"cache-control" content="no-cache">
"x5-orientation" content="portrait|landscape">
"x5-fullscreen" content="true">
360瀏覽器
設定 360 瀏覽器渲染模式:webkit 為極速核心,ie-comp 為 ie 相容核心,ie-stand 為 ie 標準核心
"renderer" content="webkit|ie-comp|ie-stand">
"x-ua-compatible" content="ie=edge,chrome=1">
uc 瀏覽器
設定螢幕方向
portrait 為橫屏,landscape 為豎屏。
"screen-orientation" content="portrait|landscape">
設定全屏
"full-screen" content="yes">
"format-detection" content="telephone=no">
新增到主屏後設定狀態列的背景顏色
ios 圖示
google android原生瀏覽器
新增到主屏
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標籤和link標籤
1 用以說明生成工具 如microsoft frontpage 4.0 等 3 告訴搜尋引擎你的站點的主要內容 4 告訴搜尋引擎你的站點的製作的作者 5 其中的屬性說明如下 設定為index 檔案將被檢索 meta name keywords content meta name descriptio...
HTML meta標籤使用介紹
標籤位於文件的頭部,不包含任何內容。標籤的屬性定義了與文件相關聯的名稱 值對。meta共有charset content name http equiv四個屬性 定義文件的字元編碼 charset utf 8 這個屬性包含http equiv或name屬性的值。content 屬性始終要和 name...