剛接觸XHTML+CSS設計網頁時,很多朋友對於標籤的使用沒什麼經驗,也很隨意,常常是想起什麼就用什麼,認為只要能實現效果就可以。但隨著學習的深入和對搜尋引擎優化知識的了解,發現其實XHTML標籤的使用也是一門學問。
以下介紹一些初學者常用的、比較容易混淆使用位置的XHTML標籤的正確使用方法,歡迎關注網頁陶吧,歡迎討論。這裡不對各標籤在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標籤中的內容(並非絕對)。
有些網站為了即讓搜尋引擎可以抓取更多的內容,又使用戶具有瀏覽體驗,在分段的時候使用
標籤。這也不是說不可以,有些時候根本達不到預期的效果。對於嚴格類型(Strict)的文檔來說,
是屬於表現形式的標籤,是不允許被使用的。
雖然大部分的網站使用的都是過渡型的文檔類型,但本人不建議使用在文字分段上。
四、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還在抓取其中的內容,不過也已經幾乎不依照其中的內容來確定關鍵字了。
其實,對於搜尋引擎來說,最注重的還是內容的品質。同樣我們做網站為的也是向瀏覽者宣傳我們自己。請不要因為一時之快而忘了根本。畢竟用戶關心的是資料是否是自己需要的,而不是您網站的排名。
-