標簽提供關(guān)于HTML文檔的元數(shù)據(jù)怜珍。元數(shù)據(jù)不會顯示在頁面上徐勃,但是對于機器是可讀的。它可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面)刺洒,搜索引擎(關(guān)鍵詞)豫尽,或其他 web 服務(wù)篙梢。
必要屬性
屬性 值 描述 content some text 定義與http-equiv或name屬性相關(guān)的元信息
可選屬性
屬性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content屬性關(guān)聯(lián)到HTTP頭部。 name author / description / keywords / generator / revised / others 把 content 屬性關(guān)聯(lián)到一個名稱美旧。 content some text 定義用于翻譯 content 屬性值的格式渤滞。 SEO優(yōu)化
頁面關(guān)鍵詞,每個網(wǎng)頁應(yīng)具有描述該網(wǎng)頁內(nèi)容的一組唯一的關(guān)鍵字榴嗅。
使用人們可能會搜索妄呕,并準確描述網(wǎng)頁上所提供信息的描述性和代表性關(guān)鍵字及短語。標記內(nèi)容太短嗽测,則搜索引擎可能不會認為這些內(nèi)容相關(guān)绪励。另外標記不應(yīng)超過 874 個字符。
頁面描述论咏,每個網(wǎng)頁都應(yīng)有一個不超過 150 個字符且能準確反映網(wǎng)頁內(nèi)容的描述標簽。
搜索引擎索引方式颁井,robotterms是一組使用逗號(,)分割的值厅贪,通常有如下幾種取值:none,noindex雅宾,nofollow养涮,all,index和follow眉抬。確保正確使用nofollow和noindex屬性值贯吓。
all:文件將被檢索,且頁面上的鏈接可以被查詢蜀变;
none:文件將不被檢索悄谐,且頁面上的鏈接不可以被查詢;
index:文件將被檢索库北;
follow:頁面上的鏈接可以被查詢爬舰;
noindex:文件將不被檢索,但頁面上的鏈接可以被查詢寒瓦;
nofollow:文件將不被檢索情屹,頁面上的鏈接可以被查詢。
-->
頁面重定向和刷新:content內(nèi)的數(shù)字代表時間(秒)杂腰,既多少時間后刷新垃你。如果加url,則會重定向到指定網(wǎng)頁(搜索引擎能夠自動檢測,也很容易被引擎視作誤導(dǎo)而受到懲罰)。
移動設(shè)備
viewport:能優(yōu)化移動瀏覽器的顯示惜颇。如果不是響應(yīng)式網(wǎng)站皆刺,不要使用initial-scale或者禁用縮放。
大部分4.7-5寸設(shè)備的viewport寬設(shè)為360px官还;5.5寸設(shè)備設(shè)為400px芹橡;iphone6設(shè)為375px;ipone6 plus設(shè)為414px望伦。
width:寬度(數(shù)值 / device-width)(范圍從200 到10,000林说,默認為980 像素)
height:高度(數(shù)值 / device-height)(范圍從223 到10,000)
initial-scale:初始的縮放比例 (范圍從>0 到10)
minimum-scale:允許用戶縮放到的最小比例
maximum-scale:允許用戶縮放到的最大比例
user-scalable:用戶是否可以手動縮 (no,yes)
minimal-ui:可以在頁面加載時最小化上下狀態(tài)欄。(已棄用)
注意屯伞,很多人使用initial-scale=1到非響應(yīng)式網(wǎng)站上腿箩,這會讓網(wǎng)站以100%寬度渲染,用戶需要手動移動頁面或者縮放劣摇。如果和initial-scale=1同時使用user-scalable=no或maximum-scale=1珠移,則用戶將不能放大/縮小網(wǎng)頁來看到全部的內(nèi)容。
隱藏狀態(tài)欄/設(shè)置狀態(tài)欄顏色:只有在開啟WebApp全屏模式時才生效末融。content的值為default | black | black-translucent 钧惧。
添加智能 App 廣告條 Smart App Banner:告訴瀏覽器這個網(wǎng)站對應(yīng)的app,并在頁面上顯示下載banner(如下圖)勾习。參考文檔
網(wǎng)頁相關(guān)
瀏覽器內(nèi)核控制:國內(nèi)瀏覽器很多都是雙內(nèi)核(webkit和Trident)浓瞪,webkit內(nèi)核高速瀏覽,IE內(nèi)核兼容網(wǎng)頁和舊版網(wǎng)站巧婶。而添加meta標簽的網(wǎng)站可以控制瀏覽器選擇何種內(nèi)核渲染乾颁。
國內(nèi)雙核瀏覽器默認內(nèi)核模式如下:
1. 搜狗高速瀏覽器、QQ瀏覽器:IE內(nèi)核(兼容模式)
2. 360極速瀏覽器艺栈、遨游瀏覽器:Webkit內(nèi)核(極速模式)
禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容:這樣設(shè)定英岭,訪問者將無法脫機瀏覽。
[wml|xhtml|html5]根據(jù)手機頁的協(xié)議語言湿右,選擇其中一種诅妹;
url="url" 后者代表當前PC頁所對應(yīng)的手機頁URL,兩者必須是一一對應(yīng)關(guān)系毅人。