HTML meta標籤詳解

2021-09-25 06:51:41 字數 1496 閱讀 4623

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...