例如一個標題,我們可以用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>網頁教學網webjx.com。歡迎您的到來</h1>
<h2>網頁教學網Webjx.Com 提供最新最快的網頁技術</h2>
<p>網頁教學網webjx.com提供網頁制作教程,動態網頁制作教程,建站指南,Flash動畫教程,視頻教程,網頁特效代碼,網頁素材,書籍下載等內容,希望給您的工作和學習能帶去幫助。</p>
</div>