舉例講解HTML中META標簽的一些使用技巧
來源:易賢網 閱讀:976 次 日期:2016-06-15 14:24:02
溫馨提示:易賢網小編為您整理了“舉例講解HTML中META標簽的一些使用技巧”,方便廣大網友查閱!

HTML meta 標簽

HTML meta 標簽可以用來提供網頁內容的信息給瀏覽器或是搜尋引擎,例如網頁內容的描述、網頁重要關鍵字、網頁編碼等都是常用 meta 來標示的網頁信息,另外還有網頁作者、網頁發布時間、所使用的編輯器等較不重要的信息,也可以透過 META TAG 來標示,META 的功能僅是用來注明這些網頁信息,且提供給瀏覽器或是搜尋引擎,并非是要給寫給瀏覽網頁的"人"看的內容。

HTML meta 標簽寫在 head 范例

XML/HTML Code

1.<head>  

2.<title>測試網頁</title>  

3.<meta name="description" content="這里是網頁的簡短描述">  

4.<meta name="keywords" content="關鍵字 1,關鍵字 2">  

5.</head>   

標準的 <meta> 標簽沒有結尾,直接將參數寫在 <meta> 內即可,一個網頁內可以有很多個不同的 <meta> 標簽,全部都要寫在 head 標簽內,范例中的 title 標簽是用來標示網頁標題用的,可以寫在 <meta> 標簽之前,也可以寫在 <meta> 標簽之后。

一、顯示及排列中文

XML/HTML Code

1.<META http-equiv="Content-Type" content="text/html; charset=big5">  

說明:

Content-Type==>文件內容格式

;==>CONTENT內要作的每件事" ",分別以分號區隔

text/html==>純文字/超文字

charset==>字符組為中文繁體大五碼,如用iso-2022-jp是指日文

二、讓搜索引擎容易找到您

XML/HTML Code

1.<META NAME="KeyWords" CONTENT="計算機教學'網絡教學'Linux教學'CSS教學'HTML教學'軟件教學'發信教學'SEO教學'交換連結">  

2.<META NAME="KeyWords" CONTENT="css'HomePage'html'linux'seo">  

說明:網頁內文關鍵字,可使用中、英文均可

三、關于網站的內容描述

XML/HTML Code

1.<META NAME="Description" CONTENT="這是一個免費學習網頁制作的好地方,網絡研究所">  

說明:Description==>內容的主要描述

四、這個網頁的作者是誰

XML/HTML Code

1.<META NAME="Author" CONTENT="PCNET">  

說明:標注本網頁作者姓名等資料

五、這是用何編輯器完成的網頁

XML/HTML Code

1.<META NAME="Generator" CONTENT="Mozilla/3.0Gold(Win95)[Netscape]">  

說明:

標注本網頁作者姓名等資料

Generator==>編輯器

Mozilla/3.0Gold(Win95)[Netscape]==>編輯器等版本說明

六、這個網頁何時完成

XML/HTML Code

1.<META NAME="Creation-Date" CONTENT="01-jan-2003 20:40:01">  

說明:

Creation-Date==>創作日期

01-jan-2003 20:40:01==>詳細日期時間

七、這個網頁有效時期及不被Cache所限制

XML/HTML Code

1.<META NAME="Expired" CONTENT="01-jan-2005 00:00:00">  

2.<META HTTP-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

1.<link rev="made" href="mailto:pcnettw@yahoo.com.tw">  

2.<link rev="made" >  

說明:網頁作者信箱或網址陳述

rev==>正向關聯

made=>網頁制造者

href==>您的信箱或網址

九、使網頁能自動換頁

XML/HTML Code

1.<META HTTP-EQUIV="refresh" CONTENT="15; url=http://www.pcnet.idv.tw/">  

說明:

refresh==>更新或重整

15==>15秒后執行下一動作

;==>CONTENT內要作的每件事" ",分別以分號區隔

url=http://www.pcnet.idv.tw/==>指定轉換到此網頁

十、進入或離開的特效(限IE使用)

XML/HTML Code

1.<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代替特效(略)。

注:

它必須放于<HEAD>與</HEAD>之間,主要用于本網頁的內容說明,以利自己或別人(搜索引擎)使用,另外也可以制造出一些自動翻頁等特殊效果。

http-equiv或NAME屬性,必須配合content屬性使用,兩者也可互替使用。

后設語法標簽(META description tag)的用法隨各搜索引擎設定有所不同。

有無Meta標簽,并不影響網頁正常顯示,其最大目的在于提供網頁各種信息及產生特殊效果。

網頁運用,建議以本頁所述1.2.3.4.8項這些標簽為主,其余視況自行增減。

您可使用檢視原始碼,來看本例實際安排。

更多信息請查看網頁制作
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
未满十八18勿进黄网站免费看