在剛接觸XHTML CSS設(shè)計(jì)網(wǎng)頁(yè)時(shí)，對(duì)于標(biāo)簽的使用沒(méi)什么經(jīng)驗(yàn)，也很隨意，經(jīng)常是想起什么就用什么，認(rèn)為只要能實(shí)現(xiàn)效果就可以。但隨著學(xué)習(xí)的深入和對(duì)搜索引擎優(yōu)化知識(shí)的了解，發(fā)現(xiàn)其實(shí)標(biāo)簽的使用也是一門學(xué)問(wèn)。 我們?cè)谀_本之家——jb51.net的CSS教程文章中一直在強(qiáng)調(diào)語(yǔ)義，那么對(duì)于HTML標(biāo)簽該如何使用呢？他們一般的使用位置在哪里呢？

在剛接觸XHTML CSS設(shè)計(jì)網(wǎng)頁(yè)時(shí)，對(duì)于標(biāo)簽的使用沒(méi)什么經(jīng)驗(yàn)，也很隨意，經(jīng)常是想起什么就用什么，認(rèn)為只要能實(shí)現(xiàn)效果就可以。但隨著學(xué)習(xí)的深入和對(duì)搜索引擎優(yōu)化知識(shí)的了解，發(fā)現(xiàn)其實(shí)標(biāo)簽的使用也是一門學(xué)問(wèn)。

在這里不對(duì)各標(biāo)簽在CSS中對(duì)應(yīng)的屬性及用法做詳細(xì)的介紹，重點(diǎn)介紹在網(wǎng)頁(yè)中的應(yīng)用，希望能對(duì)大家有些幫助。

一、DIV

DIV對(duì)于XHTML建站的朋友應(yīng)該并不陌生，很多的網(wǎng)站和資料也稱Web標(biāo)準(zhǔn)網(wǎng)站建設(shè)為DIV CSS網(wǎng)站建設(shè)。這樣叫也不是沒(méi)有道理，因?yàn)閃3C不推薦Table標(biāo)簽應(yīng)用于網(wǎng)頁(yè)的布局上，而作為布局標(biāo)簽的DIV自然也就承擔(dān)起布局的重任。

DIV也可以說(shuō)是一個(gè)大的容器。除了網(wǎng)頁(yè)整體結(jié)構(gòu)布局外，推薦應(yīng)用于劃分在網(wǎng)頁(yè)中看起來(lái)相對(duì)獨(dú)立的區(qū)域。就好像一張報(bào)紙一樣，DIV的作用就是劃分不同內(nèi)容的一個(gè)大的容器。而不同區(qū)域中在根據(jù)具體情況來(lái)選擇相應(yīng)合適的標(biāo)簽。

二、H標(biāo)簽

H標(biāo)簽是一個(gè)標(biāo)題標(biāo)簽，常用在段落之前，用于表明段落要表達(dá)的意思。根據(jù)顯示和要表達(dá)意思的級(jí)別可以分為H1~H6。

H1的重要性最高，常用于表達(dá)對(duì)整個(gè)網(wǎng)站的作用和性質(zhì)的描述，或表示網(wǎng)站面向的受眾群體。其他標(biāo)簽根據(jù)級(jí)別的不同分別用于顯示某個(gè)專區(qū)的名稱，或某段介紹文字的大概描述。

因它表示對(duì)網(wǎng)站或某段文字的大體描述，所以相對(duì)于搜索引擎來(lái)說(shuō)H標(biāo)簽具有很高的價(jià)值。但這并不意味著可以隨意的使用。比如，有些網(wǎng)站為了刻意追求特定關(guān)鍵字的排名，而在一段文字中使用H標(biāo)簽來(lái)展示關(guān)鍵字?；蚋纱喟袶標(biāo)簽當(dāng)做一個(gè)容器來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行布局。這樣完全混淆了H標(biāo)簽的作用，也是不推薦的。

三、P

P是一個(gè)段落標(biāo)簽，用于區(qū)分一組文字的不同段落。對(duì)于搜索引擎來(lái)說(shuō)，按照其抓取順序，第一個(gè)P標(biāo)簽中的文字也是具有很高的價(jià)值。如Baidu，它就是忽略Meta標(biāo)簽description（描述）中的文字，而抓取第一個(gè)P標(biāo)簽中的內(nèi)容（并非絕對(duì)）。

有些網(wǎng)站為了即讓搜索引擎可以抓取更多的內(nèi)容，又使用戶具有瀏覽體驗(yàn)，在分段的時(shí)候使用<br/>標(biāo)簽。這也不是說(shuō)不可以，有些時(shí)候根本達(dá)不到預(yù)期的效果。對(duì)于嚴(yán)格類型（Strict）的文檔來(lái)說(shuō)，<br/>是屬于表現(xiàn)形式的標(biāo)簽，是不允許被使用的。

雖然大部分的網(wǎng)站使用的都是過(guò)渡型的文檔類型，但本人不推薦使用在文字分段上。

四、UL和LI標(biāo)簽

這是無(wú)序列表，UL標(biāo)簽是對(duì)列表的聲明，LI是列表項(xiàng)。由于其項(xiàng)目的相對(duì)獨(dú)立性，常常在導(dǎo)航、新聞或文章列表等地方使用。UL也可以做為一個(gè)容器來(lái)區(qū)分各不同的列表。

有些網(wǎng)站可以追求“Web標(biāo)準(zhǔn)”，將Table轉(zhuǎn)為用UL和LI來(lái)表現(xiàn)，這使得網(wǎng)頁(yè)難以閱讀和維護(hù)，錯(cuò)誤的理解恰恰違背了Web標(biāo)準(zhǔn)向我們傳達(dá)的理念。

五、Table

這里就不過(guò)多介紹Table的用法了，只是想說(shuō)的是，Web標(biāo)準(zhǔn)不是說(shuō)以后就不能用Table了，而是不推薦使用Table來(lái)布局，只在顯示數(shù)據(jù)的時(shí)候用。所以符合Web的網(wǎng)頁(yè)和Table標(biāo)簽的使用并不矛盾。

六、為搜索引擎準(zhǔn)備的標(biāo)簽

（1）Title：網(wǎng)頁(yè)的標(biāo)題，對(duì)網(wǎng)站的說(shuō)明。次標(biāo)簽對(duì)于搜索引擎來(lái)說(shuō)也是很有價(jià)值的，常把目標(biāo)關(guān)鍵字包含其中。

（2）Meta的keywords：網(wǎng)頁(yè)中的主要關(guān)鍵字。最初是為了方便搜索引擎對(duì)網(wǎng)站的分類而準(zhǔn)備，但后期由于很多的網(wǎng)站為了使關(guān)鍵字排名更有利，經(jīng)常利用此標(biāo)簽作弊，所以現(xiàn)在此標(biāo)簽對(duì)于搜索引擎來(lái)說(shuō)，幾乎沒(méi)有任何意義了。

（3）Meta的Description：對(duì)網(wǎng)頁(yè)的描述。同Keywords一樣，最初也是為了方便搜索引擎分類，同樣是由于很多網(wǎng)站利用這個(gè)標(biāo)簽作弊，所以對(duì)于搜索引擎來(lái)說(shuō)也已經(jīng)不那么重要了。目前，在主流搜索引擎中只有Google還在抓取其中的內(nèi)容，不過(guò)也已經(jīng)幾乎不按照其中的內(nèi)容來(lái)確定關(guān)鍵字了。

其實(shí)，對(duì)于搜索引擎來(lái)說(shuō)，最注重的還是內(nèi)容的質(zhì)量。同樣我們做網(wǎng)站為的也是向?yàn)g覽者宣傳我們自己。請(qǐng)不要因一時(shí)之快而忘了根本。畢竟用戶關(guān)心的是資料是否是自己需要的，而不是您網(wǎng)站的排名。

以上把常用的，對(duì)于初學(xué)者來(lái)說(shuō)，比較容易混淆使用位置的標(biāo)簽先向大家介紹這么多，歡迎關(guān)注jb51.net更新的CSS教程文章，以后遇到什么新的問(wèn)題，也會(huì)不斷擴(kuò)充近來(lái)。