XHTML1.0 檔頭類標籤

檔頭類的標籤均置放於 <head> 與 </head> 標籤之間。

<meta> STF N/A
屬  性 DTD 屬 性 值
content (必要) STF some_text
http-equiv STF content-type
expires
refresh
set-cookie
name STF author
description
keywords
generator
revised
others
scheme STF some_text
DTD:S=Strict,T=Transitional,F=Frameset。

<meta> 標籤

meta 標籤是文件一個延伸性的結構,用於辨別詳述文件的超資訊(meta-information) 。

這個標籤所定義的資料並不會直接影響到網頁內容的顯示,不過這些資料對於網站伺服器或者瀏覽器而言,這些資料或訊息對他們是非常有幫助的。

對於每個 meta 標籤而言都存有一個成對並且是特定的「屬性/屬性值」。雖然 meta 無結束標籤,但內容的最後面請加上一個空格與 /。

content 屬性

相對於 http-equiv 、 name 與 scheme 屬性的一個特定值,用來配合它們三者「屬性/屬性值」中屬性值的值。

http-equiv 屬性

其主要作用是回應給瀏覽器端一些有用的資訊,以幫助瀏覽者取得正確與精準的網頁內容。

▼當作特定預設資料,文件的字元編碼:用來設定頁面所使用的字元編碼,瀏覽器會根據此項設定來顯示語系編碼。

<meta http-equiv="content-type" content="text/html; charset=big5" />

▼當作特定預設資料,指定預設的 Style Sheet Language。

<meta http-equiv="content-style-type" content="text/css" />

▼當作特定預設資料,指定預設的 Scripting Language:
  JavaScript → type="text/javascript"
  VBScript → type="text/vbscript"

<meta http-equiv="content-script-type" content="type" />

▼refresh(刷新頁面):用來設定頁面多久的時間後重新載入,或者時間之後連結到其他網頁。

<meta http-equiv="refresh" content="秒數" />
<meta http-equiv="refresh" content="秒數;url=檔案" />

▼expires(期限設定):用來設定網頁在瀏覽者的電腦暫存區中的期限,一但過期的話則必須上線至該網站瀏覽。

<meta http-equiv="expires" content="Wed, 15 Feb 2005 08:21:57 GMT" />

▼set-cookie:當瀏覽器瀏覽網頁時,都會將 cookie 留存在電腦的暫存區中,以方便下次再訪時提高網頁下載的速度,若您想讓瀏覽者每次都能刷新頁面的話,就要設定 cookie 禁存於暫存區中。

<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Wed,15 Feb 2005 08:21:57 GMT; path=/" /> 或 <meta http-equiv="set-cookie" contect="Wed,15 Feb 2005 08:21:57 GMT" />

▼pragma:用來禁止瀏覽器從自己電腦中的暫存區調閱頁面內容,設定後一旦離開該網頁就無法從 Cache 中再檢視。

<meta http-equiv="pragma" content="no-cache" />

▼windows-target:用來強制頁面在當前視窗中顯示,可以防止自己的網頁被別人作為一個框架頁使用。

<meta http-equiv="windows-target" content="_top" />

name 屬性

用來指定對應 meta 資訊屬性的一個名稱。

▼註明網頁的作者。

<meta name="author" content="David" />

▼用來告訴搜索引擎該頁的主要內容與描述。

<meta name="description" content="有關於..." />

▼版權宣告。

<meta name="copyright" content="&copy; 2000 XXX Corp." />

▼為搜索引擎提供該網頁的關鍵字。

<meta name="keywords" lang="zh-tw" content="xhtml, css, javascript" />

▼用來說明網頁的生成工具。

<meta name="generator" content="EmEditor Professional V4.13" />

▼用來設定網路搜索引擎 robots (或稱蜘蛛程式)對您網頁存取的設定。
  content="all" → 網頁文件可以被加入索引,並且頁面上的所有連結點都可被查詢。
  content="none" → 網頁文件不可以被加入索引,並且頁面上的所有連結點都不可被查詢。
  content="index" → 網頁文件可以被加入索引。
  content="noindex" → 網頁文件不可以被加入索引,並且頁面上的所有連結點都可以被查詢。
  content="follow" → 頁面上的所有連結點都可以被查詢。
  content="nofollow" → 頁面上的所有連結點都不可被查詢。
  content="noarchive" → 防止網頁被搜索引擎存檔。

<meta name="robots" content="all|none|index|noindex|follow|nofollow|noarchive" />

scheme 屬性

指定一個事先已確定的「scheme/format」,它是用來說明在多種被支持的格式當中,「content」屬性值的格式。也就是說用來將內容的值作正確解釋的輔助資訊。
▼宣告為 ISBN code number 。

<meta scheme="ISBN"  name="identifier" content="0-8230-2355-9" />
頁數: 1 2 3 4

文章分類

文章標籤