關于Meta標簽

meta主要分為兩大部分:http-equiv(http相關內容)和name(頁面描述信息)。下面詳細介紹一下常用的內容:

http-equiv

使用帶有 http-equiv 屬性的 <meta> 標簽時,服務器將把名稱/值對添加到發(fā)送給瀏覽器的內容頭部(http響應報文頭部)。

  1. Content-type
    說明:表示頁面使用的文檔類型
    用法:<Meta http-equiv="Content-Type" Content="text/html">
  2. Content-language
    說明:表示頁面使用的自然語言
    用法:<Meta http-equiv="Content-Language" Content="zh-CN">
  3. 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內核進行渲染。
  4. 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不允許用戶縮放
  1. 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">
  2. Set-cookie
    說明:設置cookie的值
    用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,13-Feb-2016 08:10:38 GMT; path=/">
  3. 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

  1. Keywords
    說明:為搜索引擎提供的關鍵字列表
    用法:<Meta name="Keywords" Content="關鍵詞1,關鍵詞2,關鍵詞3,……">
  2. Description
    說明:Description用來告訴搜索引擎你的網(wǎng)站主要內容。
    用法:<Meta name="Description" Content="你網(wǎng)頁的簡述">
  3. Robots
    說明:Robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
    用法:<Meta name="Robots" Content="All |None |Index |Noindex |Follow| Nofollow">
  4. Author
    說明:標注網(wǎng)頁的作者或制作組
    用法:<Meta name="Author" Content="張三">
  5. Copyright
    說明:標注版權
    用法:<Meta name="Copyright" Content="本頁版權歸**所有。All Rights Reserved">
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • W3School say meta 標簽提供關于HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在頁面上,但是對于機器是可讀的...
    bpup閱讀 843評論 0 0
  • (注1:如果有問題歡迎留言探討,一起學習!轉載請注明出處,喜歡可以點個贊哦?。ㄗ?:更多內容請查看我的目錄。) ...
    love丁酥酥閱讀 1,091評論 2 3
  • Meta標簽中的format-detection屬性 意為:格式檢測或許你會有這樣的經(jīng)歷:當你在制作手機端的頁面中...
    王寶花閱讀 193評論 0 0
  • 其實這些東西大概在一年前就搞出來了,看了很多有關的文章,現(xiàn)在分享出來,如果對你有些幫助,我還是挺開心的。因為里面有...
    其心閱讀 2,863評論 0 8
  • 常見的meta標簽 定義和用法: 元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎...
    PYFang閱讀 1,684評論 1 2

友情鏈接更多精彩內容