#標籤提供關於HTML文件的元資料。元資料不會顯示在頁面上,但是對於機器是可讀的。它可用於瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵字),或其他 web 服務。
# 必要屬性
屬性 | 值 | 描述 |
---|---|---|
# content | some text | 定義與http-equiv或name屬性相關的元資訊 |
可選屬性
屬性 | 值 | 描述 |
---|---|---|
# http-equiv | content-type / expire / refresh / set-cookie | #把content屬性關聯到HTTP頭。 |
# name | author / description / keywords / generator / revised / others | 把 content 屬性關聯到一個名稱。 |
# content | some text | 定義用於翻譯 content 屬性值的格式。 |
# 參考文件
頁面關鍵字,每個網頁應具有描述該網頁內容的一組唯一的關鍵字。
使用人們可能會搜索,並準確描述網頁上所提供資訊的描述性和代表性關鍵字及短語。標記內容太短,則搜尋引擎可能不會認為這些內容相關。另外標記不應超過 874 個字元。
頁面描述,每個網頁都應有一個不超過 150 個字元且能準確反映網頁內容的描述標籤。
搜尋引擎索引方式,robotterms是一組使用逗號(,)分割的值,通常有以下幾種取值:none,noindex,nofollow,all,index和follow。確保正確使用nofollow和noindex屬性值。
頁面重新導向與重新整理:content內的數字代表時間(秒),既多少時間後再刷新。如果加url,則會重定向到指定網頁(搜尋引擎能夠自動偵測,也很容易被引擎視作誤導而受到懲罰)。
其他
viewport:能優化行動瀏覽器的顯示。如果不是響應式網站,請不要使用initial-scale或停用縮放。
大部分4.7-5吋設備的viewport寬設為360px;5.5吋設備設為400px;iphone6設為375px;ipone6 plus設為414px。
width:寬度(數值 / device-width)(範圍從200 到10,000,預設為980 像素)
minimum-scale:允許使用者縮放到的最小比例
maximum-scale:允許使用者縮放到的最大比例
minimal-ui:可以在頁面載入時最小化上下狀態列。 (已棄用)
WebApp全螢幕模式:偽裝app,離線應用。
隱藏狀態列/設定狀態列顏色:只有在開啟WebApp全螢幕模式時才生效。 content的值為default | black | black-translucent 。
忽略數字自動辨識為電話號碼
#忽略識別郵箱
#新增智慧型 App 廣告條 Smart App Banner:告訴瀏覽器這個網站對應的app,並在頁面上顯示下載banner(如下圖)。參考文件
1. 搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)
2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)
禁止浏览器从本地计算机的缓存中访问页面内容:这样设定,访问者将无法脱机浏览。
Windows 8
站点适配:主要用于PC-手机页的对应关系。
转码申明:用百度打开网页可能会对其进行转码(比如贴广告),避免转码可添加如下meta
以上是對一些常用的meta用法的整理的詳細內容。更多資訊請關注PHP中文網其他相關文章!