|
|
基礎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
|
|
