依據網頁結構挑選最合宜的XHTML標簽

在做網頁時應當依據網頁HTML文檔的結構挑選最合宜的HTML或XHTML標簽,而不是依據他們的外觀式樣去挑選他們。運用P標簽定義一個段落,而不是用它來取得換行效果。我們運用h1-h6標簽標記題目,而不 是用他們獲得書契體積與加粗的效果。

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

以下為援用的內部實質意義:

<h1>文章的題目書契寫在這處</h1>

而不應當運用其他的啥子形式來定義它:

以下為援用的內部實質意義:

<pstyle=font-size:16px;font-weight:bold;>文章的題目書契寫在這處</p>

XHTML1.0准許運用的標簽中可以讓我們挑選的元素標記實際上是很少的。但我們也清楚的意識到,這些個精煉的元素標記也更加有明確的意義。假如你真的找不到妥當的元素施行標記,那末可以運用通用的div與span標簽。

頁面中div與span標簽的運用是一個新問題,我們也容易過多的運用他們。不可缺少及合理的運用div可以表面化的加強文檔的結構性。假如你仔細看你的HTML文檔,發覺有著眾多的div與span,那你就得換一個目光來看問題了,是不是存在濫用的事情狀況?是不是還有更好的標記來代替他們?若h1可以更好的表達所標記的內部實質意義,那你就得讓步p或span來定義。

也許這是一對矛盾,我們本身也較難把握該怎麼樣准確的運用他們,也也許我們根本就得不到一個明確的解答。但有一點兒需求講道理,我們應當使文檔在思維規律上具備清楚的結構,並且更加容易應用式樣。我們可以將div僅看著是一個器皿,還是叫做文檔的組成局部。我們運用非常多的器皿,並不是一個懂事理的標准樣式。而恰到益處處在合理位置的器皿,可以讓整個兒文檔顯的很有頭緒。

如下所述的代碼,就比較合理管用:

以下為援用的內部實質意義:

<divid=header>

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

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

<p>網頁特效 texiao.admin5.com為私人站長和網頁預設師供給最新最快和最各個方面的信息資源,涵蓋網頁制造教程、網頁素材、網頁模版等。</p>

</div>