1. 程式人生 > >【HTML】定義文件資料 —— meta元素

【HTML】定義文件資料 —— meta元素

功能說明:

定義文件元資料。

屬性:

name  content  scheme  http-equiv  [i18n]

詳細解釋:

  • 定義元資料關鍵字

每一個關鍵字表示一個元資料欄位,該關鍵字的值用來描述該元資料欄位,從而形成“關鍵字/值”成對出現,例如:

<head>
  <meta name="Author" content="zuozhe">
</head>

通過name屬性來說明元資料資訊的關鍵字(Author),屬性content用來定義該關鍵字的值(zuozhe)。

也可以為content屬性定義一個URI型別的值,例如:

<meta name="DC.identifier" content="http://www.ietf.org/rfc/rfc1866.txt">


  • 元資料的語言資訊

meta元素的lang屬性用來定義content屬性值的語言;dir屬性用來定義content屬性值中的文字的方向;例如:

<head>
  <meta name="Author" content="zuozhe" lang="US-en" dir="LTR">
</head>

上面的程式碼表示content屬性值的語言是美國英語,方向是從左向右。

  • name屬性 —— 用於搜尋引擎的元資料

例如,下面的定義會引導搜尋引擎使用lang屬性來過濾並通過使用者的語言優先設定來顯示搜尋結果:

<meta name="keywords" lang="en-us" conteng="good book">
<meta name="keywords" lang="zh-en" conteng="精品圖書">

  • http-equiv屬性 —— 用於HTTP訊息報頭的元資料

http-equiv屬性用來定義HTTP訊息報頭的響應頭;例如:

<meta http-equiv="Expires" content="Tue,20 Oct 2014 00:00:00 GMT">

上面的程式碼,將會建立如下的HTTP訊息報頭:

Expires: Tue,20 Oct 2014 00:00:00 GMT

  • schema屬性 —— 元資料架構

使用schema元素可以為使用者瀏覽器提供更多的上下文環境,以利於正確的解釋元資料。也就是說,當有屬性提供多重格式時,schema屬性值用來標識content屬性期望的值。在其他一些情況下,schema屬性也可以起到補充說明的作用。

範例:

  • 使用http-equiv屬性定義報頭的範例
    • 設定網頁定時跳轉

當http-equiv屬性的值為 Refresh 時,可以設定網頁定時跳轉,或者重新整理自身。使用下列語法:

<meta http-equiv="Refresh" content="n;url=http://yourlink">

定時讓網頁在指定的時間n內跳轉到頁面 yourlink。例如:
<meta http-equiv="Refresh" content="5;url=http:baidu.com">

瀏覽器將在5秒之後,自動跳轉到baidu.com。如果要使瀏覽器在完成載入後立即重新整理頁面,那麼可將延遲時間定為0;如果URL項沒有定義,那麼就重新整理本頁.