HTML之meta屬性大全

2021-09-11 08:17:38 字數 4334 閱讀 6224

用於定義頁面元資訊,定義元資訊就是制定一些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 屬性為名稱 值對提供了名稱。並指示伺服器在傳送實際的文件之前要先傳送給瀏覽器...