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

HTML meta 標(biāo)簽

HTML meta 標(biāo)簽可以用來(lái)提供網(wǎng)頁(yè)內(nèi)容的信息給瀏覽器或是搜尋引擎,例如網(wǎng)頁(yè)內(nèi)容的描述、網(wǎng)頁(yè)重要關(guān)鍵字、網(wǎng)頁(yè)編碼等都是常用 meta 來(lái)標(biāo)示的網(wǎng)頁(yè)信息,另外還有網(wǎng)頁(yè)作者、網(wǎng)頁(yè)發(fā)布時(shí)間、所使用的編輯器等較不重要的信息,也可以透過(guò) META TAG 來(lái)標(biāo)示,META 的功能僅是用來(lái)注明這些網(wǎng)頁(yè)信息,且提供給瀏覽器或是搜尋引擎,并非是要給寫(xiě)給瀏覽網(wǎng)頁(yè)的"人"看的內(nèi)容。

HTML meta 標(biāo)簽寫(xiě)在 head 范例

XML/HTML Code

1.<head>  

2.<title>測(cè)試網(wǎng)頁(yè)</title>  

3.<meta name="description" content="這里是網(wǎng)頁(yè)的簡(jiǎn)短描述">  

4.<meta name="keywords" content="關(guān)鍵字 1,關(guān)鍵字 2">  

5.</head>   

標(biāo)準(zhǔn)的 <meta> 標(biāo)簽沒(méi)有結(jié)尾,直接將參數(shù)寫(xiě)在 <meta> 內(nèi)即可,一個(gè)網(wǎng)頁(yè)內(nèi)可以有很多個(gè)不同的 <meta> 標(biāo)簽,全部都要寫(xiě)在 head 標(biāo)簽內(nèi),范例中的 title 標(biāo)簽是用來(lái)標(biāo)示網(wǎng)頁(yè)標(biāo)題用的,可以寫(xiě)在 <meta> 標(biāo)簽之前,也可以寫(xiě)在 <meta> 標(biāo)簽之后。

一、顯示及排列中文

XML/HTML Code

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

說(shuō)明:

Content-Type==>文件內(nèi)容格式

;==>CONTENT內(nèi)要作的每件事" ",分別以分號(hào)區(qū)隔

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

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

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

XML/HTML Code

1.<META NAME="KeyWords" CONTENT="計(jì)算機(jī)教學(xué)'網(wǎng)絡(luò)教學(xué)'Linux教學(xué)'CSS教學(xué)'HTML教學(xué)'軟件教學(xué)'發(fā)信教學(xué)'SEO教學(xué)'交換連結(jié)">  

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

說(shuō)明:網(wǎng)頁(yè)內(nèi)文關(guān)鍵字,可使用中、英文均可

三、關(guān)于網(wǎng)站的內(nèi)容描述

XML/HTML Code

1.<META NAME="Description" CONTENT="這是一個(gè)免費(fèi)學(xué)習(xí)網(wǎng)頁(yè)制作的好地方,網(wǎng)絡(luò)研究所">  

說(shuō)明:Description==>內(nèi)容的主要描述

四、這個(gè)網(wǎng)頁(yè)的作者是誰(shuí)

XML/HTML Code

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

說(shuō)明:標(biāo)注本網(wǎng)頁(yè)作者姓名等資料

五、這是用何編輯器完成的網(wǎng)頁(yè)

XML/HTML Code

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

說(shuō)明:

標(biāo)注本網(wǎng)頁(yè)作者姓名等資料

Generator==>編輯器

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

六、這個(gè)網(wǎng)頁(yè)何時(shí)完成

XML/HTML Code

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

說(shuō)明:

Creation-Date==>創(chuàng)作日期

01-jan-2003 20:40:01==>詳細(xì)日期時(shí)間

七、這個(gè)網(wǎng)頁(yè)有效時(shí)期及不被Cache所限制

XML/HTML Code

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

2.<META HTTP-EQUIV="Pragma" CONTENT="no_cache">  

說(shuō)明:

Expired==>網(wǎng)頁(yè)終止期限

01-jan-2005 00:00:00==>已過(guò)去的日期時(shí)間,也可以用Mon,12 Jan 2007 00:00:00 GMT

no_cache==>不被Cache所限制,也就是網(wǎng)頁(yè)沒(méi)有記憶功能。

八、網(wǎng)頁(yè)作者的網(wǎng)址與信箱

XML/HTML Code

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

2.<link rev="made" >  

說(shuō)明:網(wǎng)頁(yè)作者信箱或網(wǎng)址陳述

rev==>正向關(guān)聯(lián)

made=>網(wǎng)頁(yè)制造者

href==>您的信箱或網(wǎng)址

九、使網(wǎng)頁(yè)能自動(dòng)換頁(yè)

XML/HTML Code

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

說(shuō)明:

refresh==>更新或重整

15==>15秒后執(zhí)行下一動(dòng)作

;==>CONTENT內(nèi)要作的每件事" ",分別以分號(hào)區(qū)隔

url=http://www.pcnet.idv.tw/==>指定轉(zhuǎn)換到此網(wǎng)頁(yè)

十、進(jìn)入或離開(kāi)的特效(限IE使用)

XML/HTML Code

1.<META http-equiv="指定要換頁(yè)特效發(fā)生的狀況" content="特效模式(Duration=特效持續(xù)時(shí)間,Transition=代替的特效)">  

說(shuō)明:

http-equiv="Page-Enter是進(jìn)入本頁(yè)、Page-Exit是離開(kāi)本頁(yè)、Site-Enter是進(jìn)入本站、Site-Exit是離開(kāi)本站"。 

content="revealTrans(指定換頁(yè)特效)、blendTrans(設(shè)定換頁(yè)特效為"混合")。

Duration=設(shè)定特效持續(xù)的時(shí)間(秒),建議在3-5秒之間。 

Transition=以0-23代替特效(略)。

注:

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

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

后設(shè)語(yǔ)法標(biāo)簽(META description tag)的用法隨各搜索引擎設(shè)定有所不同。

有無(wú)Meta標(biāo)簽,并不影響網(wǎng)頁(yè)正常顯示,其最大目的在于提供網(wǎng)頁(yè)各種信息及產(chǎn)生特殊效果。

網(wǎng)頁(yè)運(yùn)用,建議以本頁(yè)所述1.2.3.4.8項(xiàng)這些標(biāo)簽為主,其余視況自行增減。

您可使用檢視原始碼,來(lái)看本例實(shí)際安排。

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:舉例講解HTML中META標(biāo)簽的一些使用技巧
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作

2025國(guó)考·省考課程試聽(tīng)報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)