meta主要分為兩大部分:http-equiv(http相關內容)和name(頁面描述信息)。下面詳細介紹一下常用的內容:
http-equiv
使用帶有 http-equiv 屬性的 <meta> 標簽時,服務器將把名稱/值對添加到發(fā)送給瀏覽器的內容頭部(http響應報文頭部)。
-
Content-type
說明:表示頁面使用的文檔類型
用法:<Meta http-equiv="Content-Type" Content="text/html"> -
Content-language
說明:表示頁面使用的自然語言
用法:<Meta http-equiv="Content-Language" Content="zh-CN"> -
X-UA-Compatible
說明:使用哪種內核渲染頁面,是IE8的一個專有<meta>屬性,它告訴IE8采用何種IE版本去渲染網(wǎng)頁
用法:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
如果安裝了Google Chrome Frame(谷歌內嵌瀏覽器框架GCF),則使用GCF來渲染頁面,如果為安裝GCF,則使用最高版本的IE內核進行渲染。 -
Viewport
說明:用于移動網(wǎng)頁開發(fā)
用法:<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
/>
- width :控制viewport的大小,可以指定一個值,如600, 或者特殊的值,如device-width為設備的寬度(單位為縮放為100%的CSS的像素)
- height : 和width相對應,指定高度
- initial-scale :初始縮放比例,頁面第一次加載時的縮放比例
- maximum-scale :允許用戶縮放到的最大比例,范圍從0到10.0
- minimum-scale :允許用戶縮放到的最小比例,范圍從0到10.0
- user-scalable : 用戶是否可以手動縮放,值可以是:true允許用戶縮放;false不允許用戶縮放
-
Expires
說明:指定網(wǎng)頁在緩存中的過期時間,若網(wǎng)頁過期,則重新向服務器發(fā)送請求(值可以是具體時間點,也可以是時間,用來表示多久之后過期)
用法:<Meta http-equiv="Expires" Content="30">
<Meta http-equiv="Expires" Content="Wed, 15 Feb 2016 15:02:24 GMT"> -
Set-cookie
說明:設置cookie的值
用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,13-Feb-2016 08:10:38 GMT; path=/"> -
Refresh
說明:表示讓網(wǎng)頁多長時間(秒)刷新自己,或在多長時間后讓網(wǎng)頁自動鏈接到其它網(wǎng)頁。
用法:<Meta http-equiv="Refresh" Content="5">
<Meta http-equiv="Refresh" Content="5; Url=http://www.baidu.com">
name
-
Keywords
說明:為搜索引擎提供的關鍵字列表
用法:<Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,……"> -
Description
說明:Description用來告訴搜索引擎你的網(wǎng)站主要內容。
用法:<Meta name="Description" Content="你網(wǎng)頁的簡述"> -
Robots
說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
用法:<Meta name="Robots" Content="All |None |Index |Noindex |Follow| Nofollow"> -
Author
說明:標注網(wǎng)頁的作者或制作組
用法:<Meta name="Author" Content="張三"> -
Copyright
說明:標注版權
用法:<Meta name="Copyright" Content="本頁版權歸**所有。All Rights Reserved">