根據網頁結構選擇最合適的XHTML標籤

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

在做網頁時應該根據網頁HTML文檔的結構選擇最合適的HTML或XHTML標籤,而不是根據它們的外觀樣式去選擇它們。 使用P標籤定義一個段落,而不是用它來獲得換行效果。 我們使用h1-h6標籤標記標題,而不 是用它們取得文字大小與加粗的效果。

例如一個標題,我們可以用h1來定義它:

以下為引用的內容:


<h1>文章的標題文字寫在這裡</h1>

而不應該使用其它的什麼方式來定義它:

以下為引用的內容:


<p style="font-size:16px; font-weight:bold;" >文章的標題文字寫在這裡</p>

XHTML1.0允許使用的標籤中可以讓我們選擇的元素標記其實是很少的。 但我們也清晰的認識到,這些精煉的元素標記也更加有明確的意義。 如果你實在找不到恰當的元素進行標記,那麼可以使用通用的div與span標籤。

頁面中div與span標籤的使用是一個新問題,我們也容易過多的使用它們。 必要及合理的使用div可以明顯的增強文檔的結構性。 如果你審視你的HTML文檔,發現有著很多的div與span,那你就得換一個眼光來看問題了,是不是存在濫用的情況?是不是還有更好的標記來替代它們?若h1可以更好的表示所標記的內容,那你就得放棄p或span來定義。

或許這是一對矛盾,我們本身也較難把握該如何正確的使用它們,也或許我們根本就得不到一個明確的答案。 但有一點需要闡明,我們應該使文檔在邏輯上具有清晰的結構,而且更加容易應用樣式。 我們可以將div僅看著是一個容器,或者叫做文檔的組成「部分」。 我們使用太多的容器,並不是一個明智的模式。 而恰到好處居於合理位置的容器,可以讓整個文檔顯的很有條理。

如下的代碼,就比較合理有效:

以下為引用的內容:


<div id="header">

<h1>網頁特效 texiao.admin5.com。 歡迎您的到來</h1>

<h2>>網頁特效 texiao.admin5.com國內最全的網頁特效聚集地</h2>

<p>網頁特效 texiao.admin5.com為個人站長和網頁設計師提供最新最快和最全面的資訊資源,包括網頁製作教程、網頁素材、頁面範本等。 </p>

</div>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.