meta標簽常用屬性


Keywords(關鍵詞)

說明:告訴搜索引擎你網頁的關鍵字(keywords)
使用方法:<meta name="keywords" content="標簽,屬性,seo優化">

 

Robots (機器人向導)

說明:Robots用來告訴搜索機器人頁面需要或者不需要索引。Content的參數有all、none、index、noindex、follow、nofollow。默認是all。

使用方法:<meta name="robots" content="All|None|Index|Noindex|Follow|Nofollow">

all:文件將被檢索,且頁面上的鏈接能夠被查詢。
none:文件將不被檢索。且頁面上的鏈接不能夠被查詢。(和 "noindex, no follow" 起同樣作用)
index:文件將被檢索;(讓robot/spider登錄)
follow:頁面上的鏈接能夠被查詢;
noindex:文件將不被檢索,但頁面上的鏈接能夠被查詢;(不讓robot/spider登錄)
nofollow:文件將不被檢索,頁面上的鏈接能夠被查詢。(不讓robot/spider順着此頁的連接往下探找) 

 

viewport(視窗/移動端)

說明:viewport 是用戶網頁的可視區域,即“視區”。

使用方法:<meta name="viewport" content="width=device-width, initial-scale=1.0">

  • width:控制 viewport 的大小,可以指定的一個值,如 600,或者特殊的值,如 device-width 為設備的寬度(單位為縮放為 100% 時的 CSS 的像素)。
  • height:和 width 相對應,指定高度。
  • initial-scale:初始縮放比例,也即是當頁面第一次 load 的時候縮放比例。
  • maximum-scale:允許用戶縮放到的最大比例。
  • minimum-scale:允許用戶縮放到的最小比例。
  • user-scalable:用戶是否可以手動縮放。

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  (指定雙核瀏覽器默認以何種方式渲染頁面

使用:<meta name="renderer" content="webkit">

這段代碼意思:強制瀏覽器使用Webkit內核。

 

若頁面需默認用極速核,增加標簽:<meta name="renderer" content="webkit">
若頁面需默認用ie兼容內核,增加標簽:<meta name="renderer" content="ie-comp">
若頁面需默認用ie標准內核,增加標簽:<meta name="renderer" content="ie-stand">

 

舉例說明
a. 設置屏幕寬度為設備寬度,禁止用戶手動調整縮放
 <meta name="viewport" content="width=device-width,user-scalable=no" />

b. 設置屏幕密度為高頻,中頻,低頻自己主動縮放,禁止用戶手動調整縮放)
<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

另外iOS 7.1的Safari為meta標簽新增minimal-ui屬性,在網頁載入時默認隱藏地址欄與導航欄。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM