淺析網(wǎng)頁的頭部Meta標(biāo)記
2015-12-07 13:57:21黃小花李俊晶
電腦知識與技術(shù) 2015年6期
黃小花 李俊晶
摘要：網(wǎng)頁的頭部位于網(wǎng)頁的頂端，網(wǎng)頁運(yùn)行時(shí)首先是從頭部開始加載的。網(wǎng)頁中的文字按何種編碼進(jìn)行顯示、你的網(wǎng)站能否被搜索引擎查找到就需要依賴于你在頭部設(shè)置的meta標(biāo)記。該文圍繞網(wǎng)頁的頭部內(nèi)容meta標(biāo)記而展開，通過該標(biāo)記的屬性設(shè)置講解了網(wǎng)頁中文檔的編碼、關(guān)鍵字和描述信息等相關(guān)內(nèi)容。
關(guān)鍵詞：meta標(biāo)記；網(wǎng)頁頭部；文件頭內(nèi)容
中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2015）06-0192-03
Meta Tag of the Head of the Web
HUANG Xiao-hua， LI Jun-jing
（Department of information engineering Jiangxi Vocational and Technical College of Communication， Nanchang 330013， China）
Abstract： The head of a web page is at the top of the web page. The text in the web page by what encoding display， your website can be found by the search engine will need to rely on your head to set the meta tag. In this paper， the head of the web page meta tag and launch， through the attribute of the tag set on the web page of the document of encoding， keyword and description of information and other related content.
Keywords： Meta tags； web head； file header content
一個(gè)標(biāo)準(zhǔn)的HTML網(wǎng)頁文件由網(wǎng)頁的頭部和網(wǎng)頁的主體兩部分構(gòu)成。網(wǎng)頁的頭部是放在
與之間，而網(wǎng)頁的主體是放在與之間。網(wǎng)頁中要顯示的信息是位于網(wǎng)頁的主體中，而網(wǎng)頁頭部信息一般并不會(huì)直接在網(wǎng)頁中顯示，由于它作為網(wǎng)頁的幕后角色而存在，一般情況很容易被初學(xué)者忽略。但這并不代表網(wǎng)頁的頭部內(nèi)容不重要，事實(shí)上對于網(wǎng)頁來說，網(wǎng)頁的頭部同網(wǎng)頁的主體同等重要，特別是位于頭部的meta標(biāo)記，在網(wǎng)頁中發(fā)揮著重要的作用。1 背景
meta標(biāo)記是一個(gè)特殊的HTML標(biāo)記，所有定義在該標(biāo)簽中的內(nèi)容是不可見的，但是它的用途很多，功能強(qiáng)大，如用做網(wǎng)頁編碼、網(wǎng)頁關(guān)鍵字、網(wǎng)頁介紹、作者、robots，同時(shí)，它還可以設(shè)置頁面，使其根據(jù)定義的時(shí)間間隔刷新自己，以及進(jìn)行跳轉(zhuǎn)等。對于一個(gè)優(yōu)秀的網(wǎng)頁來說，meta標(biāo)記是不可缺少的。對于高級的搜索引擎來說meta標(biāo)簽的使用是最常見的。
meta 標(biāo)簽是一個(gè)單標(biāo)記，需要直接用斜杠一個(gè)""結(jié)束，如，它的功能是通過兩個(gè)屬性來表示的，分別是http-equiv屬性和name屬性。
2 meta標(biāo)記http-equiv屬性
meat 標(biāo)簽的http-equiv屬性語法格式是：。http-equiv相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容。http-equiv有多個(gè)不同的參數(shù)，不同的參數(shù)取值是不同的，正是通過設(shè)置的不同的參數(shù)和參數(shù)值來發(fā)揮不同的功能。content中的內(nèi)容就是用來設(shè)置各個(gè)參數(shù)的值。以下介紹http-equiv屬性兩個(gè)重要參數(shù)Content-Type和Refresh的使用。
1）設(shè)置文檔編碼類型
通過Content-Type參數(shù)可設(shè)置網(wǎng)頁中的字符采用何種類型的編碼來顯示。每個(gè)在Dreamweaver中新建的網(wǎng)頁默認(rèn)情況下都會(huì)自動(dòng)產(chǎn)生以下代碼來指定網(wǎng)頁中字符的編碼方式：
此處的Content-Type是http-equiv屬性的參數(shù)，用來設(shè)置文檔的類型，content的第一個(gè)取值用來指定網(wǎng)頁的語言類型，通常網(wǎng)頁的語言類型是html或者xml等文檔類型，因此取值通過為text或者h(yuǎn)tml，content的第二個(gè)取值charset用來指定網(wǎng)頁中的文字使用何中編碼方式進(jìn)行顯示，如此處的默認(rèn)取值為utf-8，表示用中文編碼。如需要用簡體中文編碼則charset應(yīng)gb2312；如用繁體中文，則charset應(yīng)為big5；如要用英語則charset應(yīng)為iso-8859-1等。
文檔的編碼類型關(guān)系到網(wǎng)頁中的字符能否正確顯示，若未正確設(shè)置可能導(dǎo)致網(wǎng)頁中的字符由于不能正常顯示而出現(xiàn)像亂碼。如果用戶在網(wǎng)頁中設(shè)置了錯(cuò)誤的文檔編碼類型，系統(tǒng)會(huì)警告用戶“文檔當(dāng)前的編碼不能正確保存文檔內(nèi)所有字符，可能需要改為其他支持文檔中的其他字符編碼，”這時(shí)用戶就需要提高警惕。
2）設(shè)置頁面自動(dòng)刷新
通設(shè)置過Refresh參數(shù)可讓網(wǎng)頁按照指定的時(shí)間自動(dòng)刷新，或者按指定的時(shí)間從當(dāng)前網(wǎng)頁跳轉(zhuǎn)到另一個(gè)網(wǎng)頁。如以下代碼：表示每隔15秒鐘網(wǎng)頁會(huì)自動(dòng)刷新一次。此處content的取值為15，代表refresh參數(shù)刷新的時(shí)間間隔是15秒，單位默認(rèn)情況下是秒。而以下代碼：表示網(wǎng)頁在本頁面停留5秒后會(huì)自動(dòng)跳轉(zhuǎn)到當(dāng)前網(wǎng)站根目錄下的1.html頁面。此處content的第二個(gè)取值URL表示需要跳轉(zhuǎn)的網(wǎng)頁路徑，它可以是位于本網(wǎng)站的一個(gè)網(wǎng)頁地址，也可以是另外一個(gè)網(wǎng)站的網(wǎng)址。
3 meta標(biāo)記name屬性
meta標(biāo)簽的name屬性語法格式是：，name 屬性主要用于描述網(wǎng)頁，它的兩個(gè)重要參數(shù)是description（站點(diǎn)在搜索引擎上的描述）和keywords（分類關(guān)鍵詞），與之對應(yīng)的參數(shù)值為content，通過content中的參數(shù)值就可向搜索引擎提供網(wǎng)頁的描述信息和關(guān)鍵字，這樣搜索引擎就可以方便找到網(wǎng)頁。以下將介紹網(wǎng)頁關(guān)鍵字Keywords和網(wǎng)頁描述description的具體使用。
1）網(wǎng)頁關(guān)鍵字keywords
網(wǎng)頁的關(guān)鍵字是對當(dāng)前頁面內(nèi)容進(jìn)行概括表達(dá)的一個(gè)或多個(gè)詞語，這些詞語從不同方面反映了同一個(gè)頁面的內(nèi)容。這些關(guān)鍵字并不會(huì)作為網(wǎng)頁的主體在網(wǎng)頁中顯示，但為網(wǎng)頁設(shè)置關(guān)鍵字可以讓搜索引擎查找到你的網(wǎng)頁，網(wǎng)頁的關(guān)鍵是為搜索引擎提供搜索依據(jù)，正確設(shè)置網(wǎng)頁的關(guān)鍵字對網(wǎng)頁的推廣非常有效，它可以提高網(wǎng)頁的排名。
設(shè)置網(wǎng)頁關(guān)鍵字的Meta 標(biāo)記語法結(jié)構(gòu)為：
name屬性取值為description表示設(shè)置網(wǎng)頁描述， content是用于描述網(wǎng)頁內(nèi)容的具體文字。網(wǎng)頁描述內(nèi)容將關(guān)系到你的網(wǎng)頁在搜索引擎列表中被檢索到的概率，用戶通過網(wǎng)頁描述將決定是瀏覽你的網(wǎng)站還是離開你的網(wǎng)站，所以網(wǎng)頁的描述要盡可能準(zhǔn)確得當(dāng)。網(wǎng)頁描述的基本要求必須是與網(wǎng)頁的內(nèi)容相關(guān)的，網(wǎng)頁的標(biāo)題和關(guān)鍵字都體現(xiàn)了網(wǎng)頁的內(nèi)容，所以網(wǎng)頁的描述需要與網(wǎng)頁標(biāo)題和網(wǎng)頁內(nèi)容具有高度的關(guān)聯(lián)性。切忌網(wǎng)頁的描述脫離網(wǎng)頁內(nèi)容甚至描述的太夸張脫離實(shí)際，這將給瀏覽者一個(gè)非常壞的印象，即使搜索引擎被檢索到，瀏覽者也會(huì)很快離開你的網(wǎng)站。
在對網(wǎng)頁進(jìn)行描述時(shí)，描述的內(nèi)容不是越多越好，這是因?yàn)樗阉饕鎸γ枋鑫淖值淖謹(jǐn)?shù)是有限制的，一般在100-150個(gè)字左右，而多余的字會(huì)直接被搜索引擎忽略，從而造成描述內(nèi)容的不完整。這要求你必須保證在規(guī)定的字?jǐn)?shù)里把網(wǎng)頁描述準(zhǔn)確完整。另一方面，在描述的句子中最好包含有網(wǎng)頁的關(guān)鍵字，對搜索引擎來說，網(wǎng)頁描述中使用的關(guān)鍵字遠(yuǎn)比網(wǎng)頁中的內(nèi)容要重要，所以越靠關(guān)鍵字效果越好，這樣會(huì)突顯你的關(guān)鍵字。
為區(qū)分不同的網(wǎng)頁，我們最好為每個(gè)頁面進(jìn)行網(wǎng)頁描述，因?yàn)槊總€(gè)網(wǎng)頁的內(nèi)容是不同的，如果整個(gè)網(wǎng)站的頁面都使用相同的描述，肯定會(huì)造成網(wǎng)頁描述的內(nèi)容與頁面無關(guān)，這不僅不利于搜索引擎對網(wǎng)頁排名，也不利于用戶來獲取你網(wǎng)頁的信息，從而網(wǎng)站失去了更多點(diǎn)擊率。
4 網(wǎng)頁的標(biāo)題title標(biāo)記
網(wǎng)頁標(biāo)題title標(biāo)記同meta標(biāo)記中的關(guān)鍵字和描述信息一樣是搜索引擎robots搜索的主要依據(jù)，為網(wǎng)頁設(shè)置好標(biāo)題同樣為網(wǎng)頁的推廣和排名發(fā)揮重要作用。
網(wǎng)頁的標(biāo)題是放在雙標(biāo)記
個(gè)好的合適的網(wǎng)頁標(biāo)題可以讓瀏覽者在大量的網(wǎng)絡(luò)信息中更好地找到你的頁面，從而增加你網(wǎng)頁的訪問量，有利于網(wǎng)站的排名。我們應(yīng)該重視網(wǎng)頁標(biāo)題的命名，在保證能準(zhǔn)確地描述你網(wǎng)站的同時(shí)要，還應(yīng)該使你網(wǎng)頁的標(biāo)題的應(yīng)該盡可能簡單明了，讓人一看就知道你這個(gè)網(wǎng)站是關(guān)于什么的。
5 結(jié)束語
網(wǎng)頁頭部內(nèi)容作為網(wǎng)頁的一部分，它位于網(wǎng)頁主體的頂部，是頁面首先執(zhí)行的地方，雖然是不可見元素，但它同網(wǎng)頁主體一樣重要。位于網(wǎng)頁頭部的meta標(biāo)記功能更不可忽視，它不但關(guān)系到網(wǎng)頁的整體設(shè)置，更重要的是通過設(shè)置網(wǎng)頁關(guān)鍵字和描述信息便于網(wǎng)站的推廣，增加網(wǎng)站的訪問量，提高網(wǎng)站的知名度。毫無疑問，正確使用網(wǎng)頁頭部的meta標(biāo)記可以為網(wǎng)頁錦上添花，是一個(gè)成功頁面應(yīng)該具備的要求。
參考文獻(xiàn)：
[1] 梁芳.網(wǎng)頁設(shè)計(jì)與制作[M]. 北京： 清華大學(xué)出版社，2010.
[2] 涂敏.網(wǎng)頁設(shè)計(jì)與制作[M]. 江西： 江西高校出版社，2004.
[3] 百度文庫： 網(wǎng)頁文件頭[EB/OL].http：//wenku.baidu.com/link？url=OnJ_lFhKBdD-HyCAdOv3GK5 KWCu93bdLp67SYMg F_QGMTr9IZ9cX4mGAGVzVH5c0CJE CeN93qpjRfCt86YStXlH610juL-DLnIwfeumRodG.
[4] PHP中文網(wǎng)： HTML頭部信息[EB/OL].http：//www.php100.com/html/program/html/2013/0904/1062.html.
[5] 天極網(wǎng)： 網(wǎng)頁頭部屬性設(shè)置技巧[EB/OL]. http：//www.yesky.com/460/81960.shtml.
