HTML頁面中標簽的語義與使用位置_XHTML教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        我們在Mb5u.com的文章中一直在強調語義,那么對于HTML標簽該如何使用呢?他們一般的使用位置在哪里呢?
        在剛接觸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還在抓取其中的內容,不過也已經幾乎不按照其中的內容來確定關鍵字了。
        其實,對于搜索引擎來說,最注重的還是內容的質量。同樣我們做網站為的也是向瀏覽者宣傳我們自己。請不要因一時之快而忘了根本。畢竟用戶關心的是資料是否是自己需要的,而不是您網站的排名。
        以上把常用的,對于初學者來說,比較容易混淆使用位置的標簽先向大家介紹這么多.

      來源:52CSS//所屬分類:XHTML教程/更新時間:2009-11-21
      相關XHTML教程