HTML的meta標籤

html的檔案,幾乎都會有meat的標籤,雖說不會影響到網站的內容,可是卻可以告訴搜尋引擎一些訊息,這邊也稍微做一下筆記的整理。

name是用來描述網頁,常用的有以下這些:

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


http-equiv屬性

1.<meta http-equiv="Content-Type" content="text/html"; charset=big5"> 和 <meta http-equiv="Content-Language" content="zh-TW">
用來說明網站(頁)的編碼,讓瀏覽器取得該頁面正確的編碼,現在瀏覽器都會自動判斷,不一定要寫。

2.<meta http-equiv="Refresh" content="timer;url=yourlink">
定時更新網頁,在 content 中有兩個參數需要設定,timer為你所指定的時間以秒計算;yourlink 你所指定的連結(當指定為自己時就會變成網頁定時重新整理),這是如果這個網頁不再使用了可以使用,不過javascript跟php也都可以做到一樣的效果,不是很清楚實際用起來差在哪。

3.<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">
用於設定網頁的到期時間,一旦過期則必須到伺服器上重新讀取,而不使用快取的網頁,需要注意的是這裡所使用的為 GMT 時間格式。

4.<meta http-equiv="Pragma" content="no-cache">
是用於設定禁止流覽器從本地機的緩存中調閱頁面內容,設定後一旦離開網頁就無法從Cache中再調出;

5.<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">
cookie設定,如果網頁過期,存檔的cookie將被刪除。需要注意的也是必須使用GMT時間格式。

6.<meta http-equiv="Pics-label" content="">
網頁內容做分級,在IE的internet選項中有一項內容設置,可以防止流覽一些受限制的網站,而網站的限制級別就是通過meta屬性來設置的。

7.<meta http-equiv="windows-Target" content="_top">
強制頁面在當前視窗中以獨立頁面顯示,可以防止自己的網頁被別人當作一個frame頁調用。

參考來源

留言