Meta是html語言head區的性質標籤,用來敘述網頁的參考資料,方便搜尋引擎解析或瀏覽器解析,對網頁具有非常實用的增強功能。
Meta包含了許多屬性,主要分為http-equiv與name兩種,今天先介紹http-equiv屬性;http-equiv相當於http文件頭作用,可向瀏覽器傳回一些信息,幫助正確顯示網頁内容。

01.定義語系編碼:
<meta http-equiv="Content-Type" content="text/html; charset=big5"> 和
<meta http-equiv="Content-Language" content="zh-TW">
說明:
‧ content內的" ",以分號﹝;﹞區隔,
‧Content-Type→文件內容格式,
‧text/html→純文字/超文字,
‧charset→字元編碼為中文繁體大五碼。

02.網站編輯工具:
<Meta http-equiv="IE6" Content="Generator">
<Meta name="Generator" Content="PCDATA|FrontPage|">
說明:Generator→編輯器,Notepad →編輯器說明。

03.定時自動換頁或自動連接到某一頁:
<meta http-equiv="Refresh" content="20;url=exp1.htm">
說明:
‧ Refresh→更新或重整,
‧20→20秒後執行下一動作,
‧url=exp1.htm==>指定轉換到此網頁(可省略不寫) 。

04.設定網頁到期時間:
<meta http-equiv="Expires" content="Mon,12 May 2010 00:20:00 GMT">或
<Meta http-equiv="Expires" Content="0">
說明:指定網頁暫存期間,過期後須到伺服器重新讀取,而不使用快取網頁,須使用GMT時間格式。如設content=-1,表永遠會讀取最新資料。

05.禁止瀏覽器從本地機暫存中調閱頁面內容:
<Meta http-equiv="Pragma" Content="No-cache">
說明:no_cache==>不保存記憶,每次訪問都刷新頁面,訪問者無法離線瀏覽。

06.進入或離開的特效(限IE使用):
<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
說明:
‧Page-Enter→進入本頁、Page-Exit→離開本頁,
‧Site-Enter→進入本站、Site-Exit→離開本站。
‧revealTrans(指定換頁特效)、blendTrans(設定換頁特效為"混合")。
‧Duration=設定特效持續時間(秒),建議3-5秒間。
‧Transition=濾鏡類型,以0-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種隨機選擇一種。

07.開啟頁面視窗設定:
<Meta http-equiv="Widow-target" Content="_top">
說明:可防止別人在框架裡直接嵌入你的網頁,Content選項:_blank、_top、_self、_parent。

08.脚本類型:
<Meta http-equiv="Content-Script-Type" Content="text/javascript">
說明:近來W3C的規範,指明頁面脚本類型。

09.cookie設定:
<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,  21-Oct-98 16:14:21 GMT; path=/">
說明:須使用GMT時間格式,希望訪問者每次都刷新頁面時可禁用。

10.隱藏圖片工具列:
<meta http-equiv="imagetoolbar"content="no"> 或
<meta http-equiv="imagetoolbar" content="false">
 


作者:飛盟廣告設計 印刷 經理/王焜台

arrow
arrow
    全站熱搜

    飛盟廣告 發表在 痞客邦 留言(0) 人氣()