天天工坊

[html] META 標籤筆記

META 標籤應該是基礎的 HTML 語法，相信很多人跟我一樣會常常不知其所為，所以做了下心得筆記。
META 標籤主要用途是用來作為對自身 HTML 檔案的回報為主，META 標籤是夾在 HEAD 標籤中，也就是 META 會在 HTML 檔案的最前面出現，不論是瀏覽器或是搜尋引勤擎經由 HTTP 協定，讀到 HTML 檔案時會先對 HTML 中有意義的 META 做判讀並執行。
可見 META 的重要性，而 META 可以做什麼呢？

META 標籤的用處很多，主要有兩種屬性： name 和 http-equiv。
name 屬性主要用於描述網頁，相對應的屬性是content（網頁內容），這些內容主要是便於搜索引擎機器人查找、分類（目前幾乎所有的搜索引擎都使用網上機器人自動查找META值來給網頁分類）。這其中最重要的是description（站點在搜索引擎上的描述）和 keywords（分類關鍵字），所以應該給每頁加一個META值。

比較常用的有以下幾個：

<meta name=”author” content=”作者姓名”>
描述網站(頁)的作者。
<meta name=”description” content=”網站簡述”>
描述網站(頁)主要內容簡述。
<meta name=”keywords” content=”網站關鍵字”>
描述網站(頁)主要的關鍵字。
<meta name=”generator” content=”Notepad”>
描述網站(頁)的編輯工具。
<meta name=”copyright” content=”本網頁著作權屬XXX”>
描述網站(頁)的網頁版權。
<meta name=”distribution” content=”Taiwan”>
描述網站(頁)的發佈地。
<meta name=”robots” content=”all:none:index:noindex:follow:nofollow”>
其中的屬性說明如下：
設定為 all：HTML 檔案將被檢索，且頁面上的鏈結可以被查詢。
設定為 none：HTML 檔案將不被檢索，且頁面上的鏈結不可以被查詢。
設定為 index：HTML 檔案將被檢索。
設定為 follow：HTML 檔案頁面上的鏈結可以被查詢。
設定為 noindex：HTML 檔案將不被檢索，但頁面上的鏈結可以被查詢。
設定為 nofollow：HTML 檔案將不被檢索，頁面上的鏈結可以被查詢。

http-equiv屬性

<meta http-equiv=”Content-Type” content=”text/html”; charset=big5″> 和 <meta http-equiv=”Content-Language” content=”zh-TW”>
用來說明網站(頁)的編碼，讓瀏覽器取得該頁面正確的編碼。
<meta http-equiv=”Refresh” content=”timer;url=yourlink”>
定時更新網頁，在 content 中有兩個參數需要設定，timer為你所指定的時間以秒計算；yourlink 你所指定的連結(當指定為自己時就會變成網頁定時重新整理)。
<meta http-equiv=”Expires” content=”Mon,12 May 2001 00:20:00 GMT”>
用於設定網頁的到期時間，一旦過期則必須到伺服器上重新讀取，而不使用快取的網頁，需要注意的是這裡所使用的為 GMT 時間格式。
<meta http-equiv=”Pragma” content=”no-cache”>
是用於設定禁止流覽器從本地機的緩存中調閱頁面內容，設定後一旦離開網頁就無法從Cache中再調出；
<meta http-equiv=”set-cookie” content=”Mon,12 May 2001 00:20:00 GMT”>
cookie設定，如果網頁過期，存檔的cookie將被刪除。需要注意的也是必須使用GMT時間格式。
<meta http-equiv=”Pics-label” content=””>
網頁內容做分級，在IE的internet選項中有一項內容設置，可以防止流覽一些受限制的網站，而網站的限制級別就是通過meta屬性來設置的。
<meta http-equiv=”windows-Target” content=”_top”>
強制頁面在當前視窗中以獨立頁面顯示，可以防止自己的網頁被別人當作一個frame頁調用。
<meta http-equiv=”Page-Enter” contect=”revealTrans(duration=10,transtion= 50)”> 和<meta http-equiv=”Page-Exit” content=”revealTrans(duration=20，transtion=6)”>
設定進入和離開頁面時的特殊效果，這個功能即 FrontPage中的“格式/網頁切換”，不過所加的頁面不能夠是一個frame頁面。(僅適用IE)