二、使用語義化的標簽
在頁面制作過程中，應盡量使用語義化的標簽（如：h1定義標題，P定義段落文字，ul定義列表項目），即使不定義css樣式，你的文檔也是有意義的。

實例：
一下圖片對比了div定義的結構和語義化標簽定義的結構在沒有定義css展示的效果。

三、減少使用div的使用
實例1
鏈接導航效果，用p標簽結構代替div標簽結構更有意義。

實例2
一下實例我用一個span標簽代替了原來的兩個div標簽結構，但他們實現的布局結構是一樣的。

四、格式化你的結構代碼
你要保持格式化你的代碼結構，這樣容易閱讀和調試。如果你使用的是Adobe Dreamweaver,你點擊Commands > Apply Source Formatting就很容易實現代碼的格式化。

五、注釋閉合div標簽
開發模版程序的時候（比如WordPress themes），模版程序分成幾個不同的文檔index.php, header.php, sidebar.php, and footer.php等。同時，你也應該經常的注釋你的div標簽結構,不至于自己暈乎。當我看到</div><!– /wrapper –>時，我就能清楚的辨認出是<div id=”wrapper”>的注釋。

總結：
1、減少使用div標簽；
2、應該用div定義頁面的主要框架結構，比如頭部、內容、邊欄和底部等結構；
3、內容應該使用語義化的html標簽，而不是div標簽；
4、格式化代碼同時要閉合div標簽結構。

中文原文：減少代碼和語義化標簽
英文原文：Coding Clean and Semantic Templates