XHTML標記要合理使用_HTML/Xhtml_網頁製作

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

文章的標題文字寫在這裡

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

文章的標題文字寫在這裡

　　在腳本之家以前的文章裡，我們列出了所有XHTML1.0允許使用的標籤，我們也可以發現，其中可以讓我們選擇的元素標記其實是很少的。但我們也清晰的體認到，這些精煉的元素標記也更有明確的意義。如果你實在找不到適當的元素進行標記，那麼可以使用通用的div與span標籤。
　　頁面中div與span標籤的使用是一個新問題，我們也容易過多的使用它們。必要及合理的使用div可以明顯的增強文檔的結構性。如果你檢視你的HTML文檔，發現有著很多的div與span，那你就得換一個眼光來看問題了，是不是存在濫用的情況？是不是還有更好的標記來取代它們？若h1可以更好的表示所標記的內容，那你就得放棄p或span來定義。
　　或許這是一對矛盾，我們本身也較難把握該如何正確的使用它們，也或許我們根本就得不到一個明確的答案。但有一點需要闡明，我們應該讓文件在邏輯上具有清晰的結構，而且更容易應用樣式。我們可以將div只看著是一個容器，或稱為文件的組成「部分」。我們使用太多的容器，並不是一個明智的模式。而恰到好處居於合理位置的容器，可以讓整個文件顯的很有條理。
　　如下的程式碼，就比較合理有效：

腳本之家jb51.net。歡迎您的到來

腳本之家Webjx.Com 提供最新、最快的網頁技術

腳本之家jb51.net提供網頁製作教程，動態網頁製作教程，建站指南，Flash動畫教程，視頻教程，網頁特效代碼，網頁素材，書籍下載等內容，希望給您的工作和學習能帶去幫助。