舉例講解HTML中META標簽的一些使用技巧

2020-03-24 19:26:09

字體：大中小

來源：轉載

供稿：網友

HTML meta 標簽HTML meta 標簽可以用來提供網頁內容的信息給瀏覽器或是搜尋引擎，例如網頁內容的描述、網頁重要關鍵字、網頁編碼等都是常用 meta 來標示的網頁信息，另外還有網頁作者、網頁發布時間、所使用的編輯器等較不重要的信息，也可以透過 META TAG 來標示，META 的功能僅是用來注明這些網頁信息，且提供給瀏覽器或是搜尋引擎，并非是要給寫給瀏覽網頁的＂人＂看的內容。HTML meta 標簽寫在 head 范例
XML/HTML Code復制內容到剪貼板
title 測試網頁 /title metaname= description content= 這里是網頁的簡短描述 metaname= keywords content= 關鍵字1,關鍵字2 /head
標準的 meta 標簽沒有結尾，直接將參數寫在 meta 內即可，一個網頁內可以有很多個不同的 meta 標簽，全部都要寫在 head 標簽內，范例中的 title 標簽是用來標示網頁標題用的，可以寫在 meta 標簽之前，也可以寫在 meta 標簽之后。一、顯示及排列中文
XML/HTML Code復制內容到剪貼板
說明：
Content-Type== 文件內容格式
;== CONTENT內要作的每件事，分別以分號區隔
text/html== 純文字/超文字
charset== 字符組為中文繁體大五碼，如用iso-2022-jp是指日文
二、讓搜索引擎容易找到您
XML/HTML Code復制內容到剪貼板
METANAME= KeyWords CONTENT= 計算機教學'網絡教學'Linux教學'CSS教學'HTML教學'軟件教學'發信教學'SEO教學'交換連結 METANAME= KeyWords CONTENT= css'HomePage'html'linux'seo
METANAME= Description CONTENT= 這是一個免費學習網頁制作的好地方，網絡研究所
說明：
標注本網頁作者姓名等資料
Generator== 編輯器
Mozilla/3.0Gold(Win95)[Netscape]== 編輯器等版本說明
六、這個網頁何時完成
XML/HTML Code復制內容到剪貼板
說明：
Creation-Date== 創作日期
01-jan-2003 20:40:01== 詳細日期時間
七、這個網頁有效時期及不被Cache所限制
XML/HTML Code復制內容到剪貼板
METANAME= Expired CONTENT= 01-jan-200500:00:00 METAHTTP-EQUIV= Pragma CONTENT= no_cache
說明：
Expired== 網頁終止期限
01-jan-2005 00:00:00== 已過去的日期時間，也可以用Mon,12 Jan 2007 00:00:00 GMT
no_cache== 不被Cache所限制，也就是網頁沒有記憶功能。
八、網頁作者的網址與信箱
XML/HTML Code復制內容到剪貼板
linkrev= made href= mailto:pcnettw@yahoo.com.tw linkrev= made href= http://www.pcnet.idv.tw/
說明：網頁作者信箱或網址陳述
rev== 正向關聯
made= 網頁制造者
href== 您的信箱或網址
九、使網頁能自動換頁
XML/HTML Code復制內容到剪貼板
METAHTTP-EQUIV= refresh CONTENT= 15;url=http://www.pcnet.idv.tw/
說明：
refresh== 更新或重整
15== 15秒后執行下一動作
;== CONTENT內要作的每件事，分別以分號區隔
url=http://www.pcnet.idv.tw/== 指定轉換到此網頁
十、進入或離開的特效(限IE使用)
XML/HTML Code復制內容到剪貼板
METAhttp-equiv= 指定要換頁特效發生的狀況 content= 特效模式(Duration=特效持續時間,Transition=代替的特效)
說明：
http-equiv= Page-Enter是進入本頁、Page-Exit是離開本頁、Site-Enter是進入本站、Site-Exit是離開本站。
content= revealTrans(指定換頁特效)、blendTrans(設定換頁特效為混合 )。
Duration=設定特效持續的時間(秒)，建議在3-5秒之間。
Transition=以0-23代替特效(略)。
注：它必須放于 HEAD 與 /HEAD 之間，主要用于本網頁的內容說明，以利自己或別人(搜索引擎)使用，另外也可以制造出一些自動翻頁等特殊效果。
http-equiv或NAME屬性，必須配合content屬性使用，兩者也可互替使用。
后設語法標簽(META description tag)的用法隨各搜索引擎設定有所不同。
有無Meta標簽，并不影響網頁正常顯示，其最大目的在于提供網頁各種信息及產生特殊效果。
網頁運用，建議以本頁所述1.2.3.4.8項這些標簽為主，其余視況自行增減。
您可使用檢視原始碼，來看本例實際安排。
更多的報導資料，歡迎蒞臨講師(作者)網站查看。html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML的dl、dt、dd標記制作表格對決Table制作表

下一篇：比較.htm.html.shtm.shtml之間的區別與聯系