meta標籤常用屬性

2022-03-20 02:34:17 字數 1371 閱讀 4464

說明:告訴搜尋引擎你網頁的關鍵字(keywords)

使用方法:

robots (機械人嚮導)

說明:robots用來告訴搜尋機械人頁面需要或者不需要索引。content的引數有all、none、index、noindex、follow、nofollow。預設是all。

使用方法:

all:檔案將被檢索,且頁面上的鏈結能夠被查詢。

none:檔案將不被檢索。且頁面上的鏈結不能夠被查詢。(和 "noindex, no follow" 起同樣作用)

index:檔案將被檢索;(讓robot/spider登入)

follow:頁面上的鏈結能夠被查詢;

noindex:檔案將不被檢索,但頁面上的鏈結能夠被查詢;(不讓robot/spider登入)

nofollow:檔案將不被檢索,頁面上的鏈結能夠被查詢。(不讓robot/spider順著此頁的連線往下探找) 

viewport(視窗/移動端)

說明:viewport 是使用者網頁的可視區域,即「視區」。

使用方法:

name="viewport"content="width=device-width, initial-scale=1.0">

http-equiv="x-ua-compatible" (這是乙個文件相容模式的定義

使用: < meta http-equiv = "x-ua-compatible" content = "chrome=1" >

x-ua-compatible:是ie8新加的乙個設定,對於ie8以下的瀏覽器是不識別的,通過在meta中設定x-ua-compatible的值,可以指定網頁的相容性模式設定。

< meta http-equiv = "x-ua-compatible" content = "chrome=1" >用以宣告當前頁面用chrome核心來渲染。

edge模式告訴ie以最高端 模式渲染文件,也就是任何ie版本都以當前版本所支援的最高端標準模式渲染,避免版本公升級造成的影響。

renderer  (指定雙核瀏覽器預設以何種方式渲染頁面

使用:這段**意思:強制瀏覽器使用webkit核心。

若頁面需預設用極速核,增加標籤:

若頁面需預設用ie相容核心,增加標籤:

若頁面需預設用ie標準核心,增加標籤:

舉例說明

a. 設定螢幕寬度為裝置寬度,禁止使用者手動調整縮放

b. 設定螢幕密度為高頻,中頻,低頻自己主動縮放,禁止使用者手動調整縮放)

另外ios 7.1的safari為meta標籤新增minimal-ui屬性,在網頁載入時預設隱藏位址列與導航欄。

meta標籤常用屬性整理

必要屬性屬性值 描述content some text 定義與http equiv或name屬性相關的元資訊 可選屬性屬性值 描述http equiv content type expire refresh set cookie 把content屬性關聯到http頭部。name author des...

常見的meta標籤屬性

常見的meta標籤屬性 一 name屬性 常見的值有以下幾種 1 viewport 定義瀏覽器視窗的視窗為自適應大小 viewport content width device width,initial scale 1.0 2 keywords 指定當前頁面對於搜尋引擎的關鍵字 keywords ...

Meta標籤屬性及含義

1 宣告文件使用的字元編碼 2 頁面描述 3 4 網頁作者 5 移動端的介面設定,初始比例,最大比例,最小比例,網頁是否可縮放 content有兩個值 yes 和 no 當我們需要顯示工具欄和選單欄時,這個行meta就不用加了,預設就是顯示。控制狀態列顯示樣式 content的值是status ba...