嚴格的遵循 HTML 代碼規范進行開發模板，可以實現減少大量的代碼冗余，從而提高編程速度和調試速度。

1、多層元素包含關系下，遵從外層控制寬度，內層控制高度原則,并且盡量減少對元素的寬高控制。如：

<!--錯誤-->
<style>
.nav{ height:39px;}
.nav ul li{ height:39px;}
.nav ul li a{ height:39px;}
</style>
<div class="nav">
<ul class="cl">
	<li><a href="#">首頁</a></li>
	<li><a href="#">首頁</a></li>
</ul>
<from>
	<input type="text" value="">
	<input type="submit" value="提交">
</from>
</div>

<!--正確-->
<style>
.nav ul li a{ line-height:39px;}
</style>
<div class="nav">
<ul class="cl">
	<li><a href="#" class="s">首頁</a></li>
	<li><a href="#" class="s">首頁</a></li>
</ul>
<from>
	<input type="text" value="">
	<input type="submit" value="提交">
</from>
</div>

2、如果需要對單行文本的容器設置高度，則使用 line-height 替代 height,并且賦予 .s 類

3、子元素有設置浮動的，則直屬父元素必須使用 .cl 清除浮動

4、遵從所有標簽本身都是容器原則，最大化簡化便簽套用，不在元素外層添加無意義標簽。如：

<!--錯誤-->
<div><img src="{F file="images/bg.jpg"}"></div>

<!--正確-->
<img src="{F file="images/bg.jpg"}">

5、所有的圖片都應該加上 alt 屬性

6、除了 LOGO 之外 所有的圖片都盡量加上 width、height屬性，并且width和height 的值必須和 1188寬度下的實際顯示尺寸已經圖片實際尺寸相同

7、H 標簽的使用

    1）h1 標簽只能使用在 logo 上，如：

<h1><a href="/"><img src="{$_Y['logo']}" alt="{$_Y['title']}"></a></h1>

    2）除了 LOGO 之前的地方調用 h 標簽的從 h3 開始，并確保在 h1 標簽之后

    3）h 標簽使用層級表達正確，不可以顛倒使用。如：

<!--錯誤-->
<h4>這是模塊標題</h4>
<div>
	<h3>這個也是標題</h3>
	<p>這是內容</p>
</div>

<!--正確-->
<h3>這是模塊標題</h3>
<div>
	<h4>這個也是標題</h4>
	<p>這是內容</p>
</div>

    4）不可以僅為了渲染字體樣式而使用 h 標簽,而應該使用 CSS 的 fone-size 和 font-weight 屬性控制。

8、正確使用 ul 和 dl，當一個數據集合超過或者有可能超過 3 條 并且數據之間的詞義表達相同、HTML語法結構相同的情況下就應該使用列表標簽(ul 或 dl)

當一個列表是有標題的情況下使用 dl。如：

<!--正確-->
<dl>
	<dt>友情鏈接</dt>
	<dd><a href="#">新華網</a></dd>
	<dd><a href="#">新華網</a></dd>
	<dd><a href="#">新華網</a></dd>
</dl>

<!--錯誤-->
<ul>
	<li>友情鏈接</li>
	<li><a href="#">新華網</a></li>
	<li><a href="#">新華網</a></li>
	<li><a href="#">新華網</a></li>
</ul>

當一個列表是沒有標題的情況下使用 ul 如

<ul>
	<li><a href="#">新華網</a></li>
	<li><a href="#">新華網</a></li>
	<li><a href="#">新華網</a></li>
</ul>

9、為了更好的控制頁面，在頁面布局中盡可能不要如下標簽或代碼

    1)<hr />：應該使用 CSS 的 boder 屬性替代。

    2)<br />：行內元素換行的，應該使用塊狀化來替代。

    3）&nbsp;：需要元素之間產生間距的 應該使用 CSS 的 margin 來替代。如果是純粹文字之間需要間隔文字單位的距離的話 可以將輸入法切換到全角狀態下輸入空格