用於定義頁面元資訊,定義元資訊就是制定一些name-value對。可以制定如下三個屬性。
1.http-equiv
:指定元資訊的名稱,該屬性指定的名稱具有特殊意義,它可以向瀏覽器回傳一些有用的資訊,幫助瀏覽器正確地處理網頁內容。
2.name
:指定元資訊的名稱,該名稱值可以隨意指定。
3.content
:指定元資訊的值。
可以為網頁指定如下的值:
網頁字符集
charset
="utf-8"
/>
網頁作者
name
="author"
content
="爪蛙沒有爪"
/>
網頁位址
name
="website"
content
=""/>
網頁版權資訊
name
= content
="2018-2019 demo.com"
/>
網頁關鍵字,用於seo
name
="keywords"
content
="meta,html"
/>
網頁描述,用於seo
name
="description"
content
="網頁描述"
/>
搜尋引擎索引方式
name
="robots"
content
="index,follow"
/>
網頁過期時間
重新整理網頁
等待一定的時間重新整理或跳轉到其他url。
禁止從本地快取中訪問網頁
禁止瀏覽器從本地快取中讀取網頁,即瀏覽器一旦離開網頁在無法連線網路的情況下就無法訪問到頁面。
設定cookie
設定cookie的同時可以同時指定cookie的過期時間等。
優化移動裝置顯示
viewport
可以優化移動端瀏覽器的顯示。
name
="viewport"
content
="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no"
/>
content可指定如下值:
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"
/>
忽略數字自動識別為**號碼
content
="telephone=no"
name
="format-detection"
/>
忽略識別郵箱
content
="email=no"
name
="format-detection"
/>
使用瀏覽器版本
瀏覽器核心設定
主要針對360,搜狗,qq等雙核心瀏覽器。
name
="renderer"
content
="webkit|ie-comp|ie-stand"
/>
轉碼宣告
使用搜尋引擎開啟手機版網頁後搜尋引擎可能會對網頁進行轉碼,若不想轉碼可設定如下:
移動端相關
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
=>
html 屬性大全
零基礎學html語言零基礎學html語.零基礎學html語.士大夫井岡山地方官 九連環離開計畫 還有一種方法就是限定可以應用它的頁面元素例 head 士大夫井岡山地方官 3 id 選擇符與 class 選擇附類似,只是把 換成 例 id 選擇符我們看到在呼叫id選擇附時與class選擇附類似,只是將...
HTML之必備meta標籤
meta標籤寫在html的中,推薦每個手機h5頁面必加以下的 1 head 2 meta charset utf 8 3 meta id viewport name viewport content width device width,viewport fit cover,initial scal...
HTML中的meta標籤及其屬性
個人部落格 造輪小狐 釋義 charset屬性設定編碼格式,設定成utf 8避免出現中文亂碼 釋義 標籤必需的乙個屬性,依賴於http equive和name名稱和值對,存放其內容,值為text 釋義 http equiv 屬性為名稱 值對提供了名稱。並指示伺服器在傳送實際的文件之前要先傳送給瀏覽器...