在以往的教程中，曾經(jīng)多次強調使網(wǎng)頁HTML文件具有語義。我們應該根據(jù)網(wǎng)頁HTML文檔的結構選擇最合適的HTML或XHTML標簽，而不是根據(jù)它們的外觀樣式去選擇它們。使用P標簽定義一個段落，而不是用它來獲得換行效果。我們使用h1-h6標簽標記標題，而不是用它們取得文字大小與加粗的效果。

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

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

而不應該使用其它的什么方式來定義它：

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

在以前的的文章里，我們列出了所有XHTML1.0答應使用的標簽，我們也可以發(fā)現(xiàn)，其中可以讓我們選擇的元素標記其實是很少的。但我們也清楚的熟悉到，這些精煉的元素標記也更加有明確的意義。假如你實在找不到恰當?shù)脑剡M行標記，那么可以使用通用的div與span標簽。

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

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

如下的代碼，就比較合理有效：