容易混淆使用位置的XHTML標簽

 在剛接觸XHTML+CSS設計網頁時，對於標簽的使用沒什麼經驗，也很隨意，經常是想起什麼就用什麼，認為只要能實現效果就可以。但隨著學習的深入和對搜索引擎優化知識的了解，發現其實標簽的使用也是一門學問。

　　在這裡不對各標簽在CSS中對應的屬性及用法做詳細的介紹，重點介紹在網頁中的應用，希望能對大家有些幫助。

　　一、DIV

　　DIV對於XHTML建站的朋友應該並不陌生，很多的網站和資料也稱Web標准網站建設為DIV+CSS網站建設。這樣叫也不是沒有道理，因為W3C不推薦Table標簽應用於網頁的布局上，而作為布局標簽的DIV自然也就承擔起布局的重任。

　　DIV也可以說是一個大的容器。除了網頁整體結構布局外，推薦應用於劃分在網頁中看起來相對獨立的區域。就好像一張報紙一樣，DIV的作用就是劃分不同內容的一個大的容器。而不同區域中在根據具體情況來選擇相應合適的標簽。

　　二、H標簽

　　H標簽是一個標題標簽，常用在段落之前，用於表明段落要表達的意思。根據顯示和要表達意思的級別可以分為H1~H6。

　　H1的重要性最高，常用於表達對整個網站的作用和性質的描述，或表示網站面向的受眾群體。其他標簽根據級別的不同分別用於顯示某個專區的名稱，或某段介紹文字的大概描述。

　　因它表示對網站或某段文字的大體描述，所以相對於搜索引擎來說H標簽具有很高的價值。但這並不意味著可以隨意的使用。比如，有些網站為了刻意追求特定關鍵字的排名，而在一段文字中使用H標簽來展示關鍵字。或干脆把H標簽當做一個容器來對網頁進行布局。這樣完全混淆了H標簽的作用，也是不推薦的。

　　三、P

　　P是一個段落標簽，用於區分一組文字的不同段落。對於搜索引擎來說，按照其抓取順序，第一個P標簽中的文字也是具有很高的價值。如Baidu，它就是忽略Meta標簽description（描述）中的文字，而抓取第一個P標簽中的內容（並非絕對）。

　　有些網站為了即讓搜索引擎可以抓取更多的內容，又使用戶具有浏覽體驗，在分段的時候使用＜br />標簽。這也不是說不可以，有些時候根本達不到預期的效果。對於嚴格類型（Strict）的文檔來說，＜br />是屬於表現形式的標簽，是不允許被使用的。

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

　　四、UL和LI標簽

　　這是無序列表，UL標簽是對列表的聲明，LI是列表項。由於其項目的相對獨立性，常常在導航、新聞或文章列表等地方使用。UL也可以做為一個容器來區分各不同的列表。

　　有些網站可以追求“Web標准”，將Table轉為用UL和LI來表現，這使得網頁難以閱讀和維護，錯誤的理解恰恰違背了Web標准向我們傳達的理念。

　　五、Table

　　這裡就不過多介紹Table的用法了，只是想說的是，Web標准不是說以後就不能用Table了，而是不推薦使用Table來布局，只在顯示數據的時候用。所以符合Web的網頁和Table標簽的使用並不矛盾。

　　六、為搜索引擎准備的標簽

　　（1）Title：網頁的標題，對網站的說明。次標簽對於搜索引擎來說也是很有價值的，常把目標關鍵字包含其中。

　　（2）Meta的keywords：網頁中的主要關鍵字。最初是為了方便搜索引擎對網站的分類而准備，但後期由於很多的網站為了使關鍵字排名更有利，經常利用此標簽作弊，所以現在此標簽對於搜索引擎來說，幾乎沒有任何意義了。

　　（3）Meta的Description：對網頁的描述。同Keywords一樣，最初也是為了方便搜索引擎分類，同樣是由於很多網站利用這個標簽作弊，所以對於搜索引擎來說也已經不那麼重要了。目前，在主流搜索引擎中只有Google還在抓取其中的內容，不過也已經幾乎不按照其中的內容來確定關鍵字了。

　　其實，對於搜索引擎來說，最注重的還是內容的質量。同樣我們做網站為的也是向浏覽者宣傳我們自己。請不要因一時之快而忘了根本。畢竟用戶關心的是資料是否是自己需要的，而不是您網站的排名。