淺談幾大(dà)标簽在網頁中的(de)應用(yòng)

來(lái)源：徐州億網網絡科(kē)技(jì)有(yǒu)限公司 時(shí) ∑β間(jiān)：2012-03-09 作(zuò)者：

    　随著(zhe)設計(jì)人(rén)員(yu± ₩™án)學習(xí)的(de)深入和(hé)對(duì)搜索引擎優化(huà)知(§↔α↓zhī)識的(de)了(le)解，可(kě)以發現(xiàn)其實标簽的(de)使用(y✔♥™↑òng)也(yě)是(shì)一(yī)門(mén)學問(wèn)。在這(¥∏zhè)裡(lǐ)徐州網絡公司就(jiù)不(bù)對(duì)各标簽在CSS中對(du↔α₹♠ì)應的(de)屬性及用(yòng)法做(zuò)詳細的(de)₹•≠介紹，重點介紹在網頁中的(de)應用(yòng)，希望能(néng)對(duì)大♦φ"÷(dà)家(jiā)有(yǒu)些(xiē)幫助。

一(yī)、DIV

    　DIV對(duì)于XHTML建站(zhàn)的(deΩελ)朋(péng)友(yǒu)應該并不(bù)陌生(shēng)，很(hěn)‌←&≤多(duō)的(de)網站(zhàn)和(hé)資料也(yě)★>稱Web标準網站(zhàn)建設為(wèi)DIV+CSS網站(zhàn)建設。這(zhè)×♦±樣叫也(yě)不(bù)是(shì)沒有(yǒu)道¥​(dào)理(lǐ)，因為(wèi)W3C不(bù)推薦Table标簽應用(y§ §òng)于網頁的(de)布局上(shàng)，而作(zuò)為(wèi)布局标簽的(deγ←α)DIV自(zì)然也(yě)就(jiù)承擔起布局的(de)重任。

    　DIV也(yě)可(kě)以說(shuō)是(shì)一( ✔©yī)個(gè)大(dà)的(de)容器(qì)。除了(le)網頁整體(tǐ)結σ£Ω構布局外(wài)，推薦應用(yòng)于劃分(fēn)在網頁中看(kàn)起來(láσαi)相(xiàng)對(duì)獨立的(de←≠$)區(qū)域。就(jiù)好(hǎo)像一(yī)張報(bào)紙(zhǐ)一"∏™×(yī)樣，DIV的(de)作(zuò)用(yòng)就(jiù)¶π≠是(shì)劃分(fēn)不(bù)同內(nèi)容的(de)一(yī)個(gè)大(÷♠'±dà)的(de)容器(qì)。而不(bù)同區(qū✘δ∏)域中在根據具體(tǐ)情況來(lái)選擇相(xiàng)應合₩✔"€适的(de)标簽。

二、H标簽

    　H标簽是(shì)一(​‍>‌yī)個(gè)标題标簽，常用(yòng)在段落之前，用(yòng)于表明(míng)段落要('±↑ yào)表達的(de)意思。根據顯示和(hé)要(yào)表達意思的✔'(de)級别可(kě)以分(fēn)為(wèi)H1~H6。

    　H1的(de)重要(yào)性最高(gāo)，常↑↔•>用(yòng)于表達對(duì)整個(gè)網站(zhàn)的(de)作(© "zuò)用(yòng)和(hé)性質的(de)描述₩™，或表示網站(zhàn)面向的(de)受衆群體(tǐ)。其他(tā)标簽根據級别的(de)不(b₩∏ù)同分(fēn)别用(yòng)于顯示某個(gè)專區(qū)的(d±↑¶e)名稱，或某段介紹文(wén)字的(de)大(dà)概描述。

     ∞    因它表示™$✔對(duì)網站(zhàn)或某段文(wén)字的(✘£ de)大(dà)體(tǐ)描述，所以相(xiàng)對(duì)于搜索引擎來(lái)說(sβ♣>Ωhuō)H标簽具有(yǒu)很(hěn)高(gāo)的(de)價值。但(dàn)<≤ ¥這(zhè)并不(bù)意味著(zhe)可(kě)以随意的(de)使用(yò∑≠ng)。比如(rú)，有(yǒu)些(xiē)網站(zhàn)≠®為(wèi)了(le)刻意追求特定關鍵字的¥&♥φ(de)排名，而在一(yī)段文(wén)字中使用(yòng)H标簽來(lái)展示關鍵字。或幹£¶↕'脆把H标簽當做(zuò)一(yī)個(gè)容器(qì)來(lái)對(duì)網頁βφ進行(xíng)布局。這(zhè)樣完全混淆了(le)H标簽的(de)作(zuò)用(←‌Ωyòng)，也(yě)是(shì)不(bù)推薦的(de)γ$。

三、P

    　P是(shì)一(yī)個(gè)段落标簽，用(y₩φ ₽òng)于區(qū)分(fēn)一(yī)組文(wén♥€)字的(de)不(bù)同段落。對(duì)于搜索引擎來(lái)說(shuō)， ★φ÷按照(zhào)其抓取順序，第一(yī)個(gè)P标簽中的(de)文(wén)字也(yě•∏±∑)是(shì)具有(yǒu)很(hěn)高(gāo)的(de)價值。如(rú)Ba☆↓•​idu，它就(jiù)是(shì)忽略Meta标簽description（描述）中→α >的(de)文(wén)字，而抓取第一(yī)個♥€(gè)P标簽中的(de)內(nèi)容（并非絕對(duì)）。

    　有(yǒu)些(xiē)網站(zhàn&γ≈)為(wèi)了(le)即讓搜索引擎可(kě₹₹<)以抓取更多(duō)的(de)內(nèi)容，又(yòu)使用(yòng)戶具有(yǒu✘™)浏覽體(tǐ)驗，在分(fēn)段的(de)時(‍<↕shí)候使用(yòng)
标簽。這(zhè)也(yě)不(bù)是(shì)說(shuō)不(bù♦÷)可(kě)以，有(yǒu)些(xiē)時(shí)&λ•π候根本達不(bù)到(dào)預期的(de)效果。對(duì)于嚴格類型（Stri≤¥≤ct）的(de)文(wén)檔來(lái)說σ →(shuō)，
是(shì)屬于表現(xiàn)形式的(de)标簽，是 ✔≤β(shì)不(bù)允許被使用(yòng)的(de)。

    　σ©‌雖然大(dà)部分(fēn)的(de)網站(zhàn)使用(yòn₽≈≥≥g)的(de)都(dōu)是(shì)過渡型的(de)文(wén)檔類型，但(dàn)α 本人(rén)不(bù)推薦使用(yòng)在文(wén)字分(fēn)段₹γ上(shàng)。

四、UL和(hé)LI标簽

    　這(×π"×zhè)是(shì)無序列表，UL标簽是(shì)對(dδ←↕uì)列表的(de)聲明(míng)，LI是(shì)列表項。由于其項目的(de)相(xiàng)δ≤♦對(duì)獨立性，常常在導航、新聞或文(wén)章(zhāng)列表等地('±dì)方使用(yòng)。UL也(yě)可(✘‌±kě)以做(zuò)為(wèi)一(yī)個(gè)容器(qì)來(lá" ♠≈i)區(qū)分(fēn)各不(bù)同的(de)列表。

    　有(yǒu♠β₹‌)些(xiē)網站(zhàn)可(kě)以追求&ld↑♥γ♠quo;Web标準”，将Table轉為(wèi)用(yòng)UL和(hé)L→♠α∏I來(lái)表現(xiàn)，這(zhè)使得(de)網頁難以閱讀(dú)和(↓®hé)維護，錯(cuò)誤的(de)理(lǐ)解恰恰違背了(le)We"¶£b标準向我們傳達的(de)理(lǐ)念。

五、Table

    　這(zhè)裡σ®(lǐ)就(jiù)不(bù)過多(duō)介紹Table的(de)用(yòng)法了(le≈σλ←)，隻是(shì)想說(shuō)的(de)是(shì)，W®λ™φeb标準不(bù)是(shì)說(shuō)以後就(jiù)不(bù)能(néng)用(yòng↑♠π)Table了(le)，而是(shì)不(bù)推薦使用(y​‌™òng)Table來(lái)布局，隻在顯示±↔ 數(shù)據的(de)時(shí)候用(yòng)。所以符合Web的(de)網頁和(hé)T‍₩γ☆able标簽的(de)使用(yòng)并不(bù)矛盾。

六、為(wèi)搜索引擎準備的(de)标簽

    　（1）Title：網頁的(de)标題，對(duì)網站(z®★hàn)的(de)說(shuō)明(míng)。次标簽對(duì)于搜索引擎來(lái)說(shu ∞$ō)也(yě)是(shì)很(hěn)有(yǒu)價值的(de®ββ)，常把目标關鍵字包含其中。

        （2）M→∑πδeta的(de)keywords：網頁中的(de)主要(yào)關鍵字。最初是(sh₹®ì)為(wèi)了(le)方便搜索引擎對(duì)網站(zhà σ₩n)的(de)分(fēn)類而準備，但(dàn)後期由于很(h©≠↔φěn)多(duō)的(de)網站(zhàn)為(wèi)了(le)使關鍵字排名更↑☆'有(yǒu)利，經常利用(yòng)此标簽作(zuò)弊，所以現(xiàn<λ∑≈)在此标簽對(duì)于搜索引擎來(lái)說(sh£≥uō)，幾乎沒有(yǒu)任何意義了(le)。>  

    　（π←♠♦3）Meta的(de)Description：對(duì)網頁的(de)描述。同K&β& eywords一(yī)樣，最初也(yě) ±♥↑是(shì)為(wèi)了(le)方便搜索引擎分(fēn)類，同樣是(shì)由于很♥"(hěn)多(duō)網站(zhàn)利用(yòng)這(zhè)個(gè✘ ')标簽作(zuò)弊，所以對(duì)于搜索引擎來(lái)說(s‍∑"‍huō)也(yě)已經不(bù)那(nà)麽重要(yào)了(le♣↑>♦)。目前，在主流搜索引擎中隻有(yǒu)Goφ<"∞ogle還(hái)在抓取其中的(de)內(nèi)容׶，不(bù)過也(yě)已經幾乎不(bù)按β$照(zhào)其中的(de)內(nèi)♥™容來(lái)确定關鍵字了(le)。

    　其實，對(duì)于搜索引擎來(lái)說☆​"β(shuō)，最注重的(de)還(hái)是(s♣→☆ hì)內(nèi)容的(de)質量。同樣我們做(zuò)網站(zhàn)為(wèi)的↑↓$§(de)也(yě)是(shì)向浏覽者宣♦↑<傳我們自(zì)己。請(qǐng)不(bù)要(yào)因一(yī)時(shε§í)之快(kuài)而忘了(le)根本。畢竟用(yòng)戶關心的(de)是(shì)資料​•σφ是(shì)否是(shì)自(zì)己需要(yào)的(de) §，而不(bù)是(shì)您網站(zhàn)的(de)排名。

    　以上(shàng)把常用(yòng)的(de)★←，對(duì)于初學者來(lái)說(shuō)，比較容≥★‌易混淆使用(yòng)位置的(de)标簽先向大(dà↓α)家(jiā)介紹這(zhè)麽多(duō)，←​'α以後遇到(dào)什(shén)麽新的(de)問(wèn)‍∏€ 題，也(yě)會(huì)不(bù)斷擴充近(jìn)來(lái)。歡迎登錄徐州©₽₽億網網絡公司（www.exz.cn）。

• 上(shàng)一(yī)篇: 徐州億網淺談做(zuò)網站(zhàn)如(rúγ→₩)何兼容ie6常見(jiàn)問(wèn)題
• 下(xià)一(yī)篇: 淺談做(zuò)網站(zhàn)布局的₩÷(de)八個(gè)小(xiǎo)細節