HTML——meta標簽用法和作用


<meta>標簽
  <meta>元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。
  <meta>元素可以定義文檔的各種元數據,提供各種文檔信息,通俗點說就是可以理解為提供了關於網站的各種信息。
  meta給頁面添加輔助信息,如編碼、頁面渲染等.
  <meta>元素除去charset屬性外,都是http-equiv屬性或name屬性結合content來使用
1、設置網頁字符編碼:

<meta charset="UTF-8">    //h5
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //舊的HTML

  
2、指定名/值對定義元數據
  name屬性與content屬性結合使用, name用來表示元數據的類型,表示當前<meta>標簽的具體作用;content屬性用來提供值。
  <meta name="參數" content="具體描述信息">
舉例:

<meta name="description" content="網站描述...">
<meta name="keywords" content="電商,美妝xxx">
<meta name="author" content="李四xxx">

  元數據名稱:        (name的值) 說明
  application            當前頁所屬Web應用系統的名稱
  keywords           描述網站內容的關鍵詞,以逗號隔開,用於SEO搜索
  description         當前頁的說明
  author           當前頁的作者名
  copyright            版權信息
  renderer             renderer是為雙核瀏覽器准備的,用於指定雙核瀏覽器默認以何種方式渲染頁面
  viewreport          它提供有關視口初始大小的提示,僅供移動設備使用

renderer舉例:

<meta name="renderer" content="webkit"> //默認webkit內核 
<meta name="renderer" content="ie-comp"> //默認IE兼容模式 
<meta name="renderer" content="ie-stand"> //默認IE標准模式

<meta name="renderer" content="webkit|ie-comp|ie-stand">

 

3、 模擬http標頭字段
  http-equiv屬性與content屬性結合使用, http-equiv屬性為指定所要模擬的標頭字段的名稱,content屬性用來提供值。

  <meta http-equiv="參數" content="具體的描述">

  content-Type 聲明網頁字符編碼:

<meta http-equiv="content-Type" content="text/html charset=UTF-8">

  refresh 指定一個時間間隔(以秒為單位),在此時間過去之后從服務器重新載入當前頁面,也可以另外指定一個頁面.

<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">//2秒后在當前頁跳轉到百度

  X-UA-Compatible 瀏覽器采取何種版本渲染當前頁面

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //指定IE和Chrome使用最新版本渲染當前頁面

  expires 用於設定網頁的到期時間,過期后網頁必須到服務器上重新傳輸

<meta http-equiv="expires" content="Sunday 22 July 2016 16:30 GMT">

  catch-control 用於指定所有緩存機制在整個請求/響應鏈中必須服從的指令

<meta http-equiv="cache-control" content="no-cache">

  content的值及說明
    public :所有內容都將被緩存(客戶端和代理服務器都可緩存)
    private :內容只緩存到私有緩存中(僅客戶端可以緩存,代理服務器不可緩存)
    no-cache :必須先與服務器確認返回的響應是否被更改,然后才能使用該響應來滿足后續對同一個網址的請求。因此,如果存在合適的驗證令牌 (ETag),no-cache 會發起往返通信來驗證緩存的響應,如果資源未被更改,可以避免下載。
    no-store :所有內容都不會被緩存到緩存或 Internet 臨時文件中
    must-revalidation/proxy-revalidation :如果緩存的內容失效,請求必須發送到服務器/代理以進行重新驗證
    max-age=xxx (xxx is numeric) :緩存的內容將在 xxx 秒后失效, 這個選項只在HTTP 1.1可用, 並如果和Last-Modified一起使用時, 優先級較高


免責聲明!

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



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