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=″PICS-Label″ content=′(PICS-1.1"http://www.rsac.org/ratingsv01.html" I gen comment "RSACi North America Sever" by "inet@microsoft.com" for "http://www.microsoft.com" on "1997.06.30T14:21-0500" r(n0 s0 v0 l0))'>
RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer(IE3.0以上)来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的(n 0 s 0 v 0 l 0)表示该站点不包含不健康内容。级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你需要评价自己的网站,可以连接到网站http://www.rsac.org/,按要求提交表格.../www.rsac.org/。
<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)
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
以上是常用的 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=″PICS-Label″ content=′(PICS-1.1"http://www.rsac.org/ratingsv01.html" I gen comment "RSACi North America Sever" by "inet@microsoft.com" for "http://www.microsoft.com" on "1997.06.30T14:21-0500" r(n0 s0 v0 l0))'>
RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer(IE3.0以上)来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的(n 0 s 0 v 0 l 0)表示该站点不包含不健康内容。级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你需要评价自己的网站,可以连接到网站http://www.rsac.org/,按要求提交表格.../www.rsac.org/。
<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)
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
以上是常用的 META 屬性,以下是參考資料及一些其他應用。