|
基礎HTML教學
Hyper Markup Language
|
|
16、Meta 指令運用
meta 是用來在HTML文檔中模擬HTTP協議的響應頭報文,放於網頁中的<head>與</head>間。
meta 的屬性有name和http-equiv兩種,name屬性主要用於描述網頁性質並對應於content(網頁內容),以方便搜索引擎機器人(網站蜘蛛)查找及分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。
- 它必須放於<HEAD>與</HEAD>之間,主要用於本網頁的內容說明,以利自己或別人(搜索引擎)使用,另外也可以製造出一些自動翻頁等特殊效果。
- http-equiv或NAME屬性,必須配合content屬性使用,兩者也可互替使用。
- 後設語法標籤(META description tag)的用法隨各搜索引擎設定有所不同。
- 有無Meta標籤,並不影響網頁正常顯示,其最大目的在於提供網頁各種資訊及產生特殊效果。
meta中最重要的是description(站點在搜索引擎上的描述)和keywords(分類關鍵詞)值的設定,因許多入口網站提供了搜尋服務,像是Google登錄了十億篇以上的網頁,Yahoo登錄了數百萬個以上的網站,但據估計仍不及網際網路上的內容十分之一。META標註指令就是用來協助這些搜尋引擎找到您的網站,讓其他的網友再透過這些搜尋引擎搜尋到您的網站,增加您的網站流量。
讓搜索引擎容易找到您:
語法範例
<META NAME="keywords" CONTENT="key,word,keyword,關鍵字">
網頁內文關鍵字,可使用中、英文均可
每個關鍵字用逗號(,)隔開;最好不要加上空白,例如:"key word keyword",因有些搜尋引擎會將它們視為三個不同的字,有些搜尋引擎會把它們當成一個字(視空白為一個字母)。理論上,您可以加上無數個和您的網頁有關的關鍵字。
阻擋所有的網路蜘蛛找到您:
name="robots"的屬性說明如下:
<meta name="Robots" contect="all
| none | index | noindex | follow | nofollow">
all:文件將被檢索,且頁面上的鏈接可以被查詢;
none:文件將不被檢索,且頁面上的鏈接不可以被查詢;
index:文件將被檢索;
follow:頁面上的鏈接可以被查詢;
noindex:文件將不被檢索,但頁面上的鏈接可以被查詢;
nofollow:文件將不被檢索,頁面上的鏈接可以被查詢。
語法範例
<HTML>
<HEAD>
<META NAME="robots" CONTENT="noindex,nofollow">
<TITLE>...</TITLE>
</HEAD>
將上述<META>起始的語法放置在網頁<HEAD>區段中,這個頁面就不會搜尋到,NAME的部份使用「robots」即可阻擋所有的網路蜘蛛,也可以指定特定名稱,例如Googlebot或Yahoo!Slurp,就可阻擋特定網站蜘蛛。CONTENT可指定noindex、nofollow等兩個屬性,noindex意指不可對本頁進行索引動作,nofollow指的是否可使用本頁的超連結再延伸出去擷取搜尋。
標示網頁語言文字編碼:
<meta http-equiv="Content-Type"
content="text/html; charset=big5">
- Content-Type 文件內容格式
- text/html 純文字/超文字
- charset 字元組big5為中文繁體大五碼,如用iso-2022-jp是指日文
網頁自動更新:
<META HTTP-EQUIV="refresh" CONTENT="15">
上例為每15秒自動重新整理(refresh)網頁一次。您若希望網頁每五分鐘自動更新一次,就設定CONTENT="300"(5x60秒=300)。
自動轉址功能:
如果您須要進入網頁的訪客自動被導引至另一個網址時,就可利用網頁自動更新的語法做自動轉址的動作,如下:
<META HTTP-EQUIV="refresh" CONTENT="3;URL=http://www.9w2u.com">
如果您要顯示網站搬家訊息給訪客,可以設定停3至10秒以便顯示一段搬家訊息後再轉址,也可以設定為0秒,立即轉址。
網頁有效時期:
<META NAME="Expired" CONTENT="01-jan-2002
00:00:01">
Expired 網頁終止標示
01-jan-2002 00:00:01 詳細日期時間
網頁完成時間:
<META NAME="Creation-Date" CONTENT="01-jan-2001
14:41:01">
Creation-Date 創作日期標示
01-jan-2001 14:41:01 詳細日期時間
網站相關內容描述:
<META NAME="Description" CONTENT="9 Walker Studio-9W個人設計工作室">
Description 內容的主要描述
標示網頁作者:
<META NAME="Author" CONTENT="Ping Yang">
標註本網頁作者姓名等資料
用何編輯器完成的網頁:
<META NAME="Generator" CONTENT="Mozilla/3.0Gold(Win95)[Netscape]">
- 標註本網頁作者姓名等資料
- Generator 編輯器
- Mozilla/3.0Gold(Win95)[Netscape] 編輯器等版本說明
進入或離開網頁、網站時的特效(限IE使用):
<meta http-equiv="指定要換頁特效發生的狀況" content="特效模式(Duration=特效持續時間,Transition=代替的特效)">
- http-equiv="Page-Enter是進入本頁、Page-Exit是離開本頁、Site-Enter是進入本站、Site-Exit是離開本站"。
- content="revealTrans(指定換頁特效)、blendTrans(設定換頁特效為"混合")。
- Duration=設定特效持續的時間(秒),建議在3-5秒之間。
- Transition=以0-23代替特效,如附表及範例。
Transition=以0-23代替特效
|
範例:
<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=2)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=1)"> |
0 |
方塊出現 |
1 |
方塊消失 |
2 |
圓形向內 |
3 |
圓形向外 |
4 |
向上擦拭 |
5 |
向下擦拭 |
6 |
向左擦拭 |
7 |
向右擦拭 |
8 |
垂直窗簾 |
9 |
水平窗簾 |
10 |
棋盤交錯 |
11 |
棋盤向下 |
12 |
隨機分裂 |
13 |
垂直分割進入 |
14 |
垂直分割出去 |
15 |
水平分割進入 |
16 |
水平分割出去 |
17 |
左下方剝落 |
18 |
左上方剝落 |
19 |
右下方剝落 |
20 |
右上方剝落 |
21 |
水平隨機列 |
22 |
垂直隨機列 |
23 |
隨機 |
|
|
|
本站內容屬私人所有 請勿任易轉載 如須轉載 請通知本站 本站所鏈結標題及鍊結內容 皆歸原權利人所有 網站內容如有任何侵權 亦請通知本站刪除 謝謝! Power by 9 Walker Studio
|
|