HTML代碼寫法規範
1.頁面內碼標識順序
l<html>
l<head>
l<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
l<title>頁面標題_欄目名_頻道名_山東教育資源網</title>
l<style type="text/css">……</style>
l<map name="s"><area coords="527,4,574,21" href="…"></map>
l</head>
2.所有頁面必須註明“Title”名稱
3.<body> 中必須標明bgcolor 屬性，無背景色時附值 “#ffffff”
4.<form></form>項儘量填入<table>和<tr>之間
l例：<table> <form> <tr>…</tr></form></table>
5.對引號的用法
l除特定標識的字符串外不得使用引號
6.對16進制數的標識一定要加 “#“
7.使用<li>、<dd>等格式控制時需加註<ul></ul>和<dl></dl>，但在標題列表結構中可以單獨使用<li>
8.所有html格式必須寫完整，<格式></格式>
9.所有圖形均標註width及Height，稍大的圖形或標誌需要加ALT註釋
10.關於廣告的寫法
l模板中廣告標準寫法
<!--廣告-->
<img src=c.gif width=468 height=60 Alt=“廣告位“>
l所有大banner ( 468*60 ) 廣告在頁面上都應是上下兩個
11.所有空格均為全角空格和半角空格，不使用
12.“ > ” 用> “ < ” 用<
13.路徑指示用 “ > ”（ >）
14.更多指示用 “ >> ”（ > >）
15.所有新聞類及廣告類照片和圖片<img … border=1>
16.每頁必須包括一個cookie tracker
l寫法如下：<img width=1 height=1 border=0 src=> l位置寫在</body>前，並獨立成行
17.禁止在字符串尾部加空格（西文、中文）方式控制屏幕位置。
18.兩種瀏覽器下、1024*768和800*600下與PSD一致
19.頁面文字與圖、表格線等任何可見元素之間至少保持5像素的距離。
20.所有表格均應具有可縱向縮放特性。
21.儘量不使用<SPAN>控制字體
22.在製作帶點符號的標題列表時一律採用〈li〉控制，在沒有縮進要求的情況下可以不用〈UL〉〈/UL〉標準格式，但點前面至少保留五個像素的留白。並且，必須在STYLE中使用CSS（line-height:130%）控制行距。
23.字體字號的使用規範
l主要導航條(folder)、次要導航、小欄目名稱、側欄採用12px；
l（新聞）標題列表字體採用14.9px；行高採用1.1em（即130%）。
l（新聞）最終頁、論壇、chat、搜索結果頁面均採用默認字體，可隨瀏覽器設置而改變；
l論壇日期、圖片註釋等文字採用<font size=1></font>或10px。
e 的使用規範
l滿頁表格寬度為750 pixels 並頁面居中
l儘量不使用百分比進行寬高控制
lTABLE儘量橫切，便於加快下載速度
ltable位置
這裏所説的table位置是指表格位於頁面的左、中、右(align)，一般不指上、中、下(vlign)
table居左：<table align=lift>由於缺省是居左，所以這裏的"align=lift"可以不寫
table居中：<table align=center>表格居中要以這種方式來寫，不要寫成<center>表格</center>，這樣可以避免手寫HTML時寫完</table>而忘寫</center>
table居右：<table align=right>
ltable縮進
寫頁面時，對於比較複雜的頁面，會有表格嵌套的情況發生，由於netscape讀取頁面時，讀完</xxxxx>才會顯示此部分內容，所以相比IE的頁面顯示會慢一些，特別是表格嵌套過多的情況下，慢的現象尤為明顯，所以應該儘量避免表格嵌套過多的情況發生。
對於不可避免的表格嵌套，應以以下方法寫，每級table以一個"TAB"縮進，屬於本級table下的<tr>、<td>應對齊本級<table>。例如：
例1:
<table>
<tr><td>
<table>
<tr><td>
<table>
<tr><td>表格縮進</td></tr>
</table></td></tr>
</table></td></tr>
</table>
例2:
<table>
<tr><td>
<table>
<tr><td>
<table>
<tr><td>表格縮進</td></tr>
</table></td>
<td>表格縮進</td></tr>
</table></td></tr>
</table>
l定義表格寬、高
一般簡單的定義表格的寬高，就是在<table>、<tr>或<td>裏面定義width=?? height=??就可以了，但是這裏面有一些技巧可以在這裏説一下：
1>同列表格的寬：
同列表格如果寬度一樣，只寫第一行定義的寬度，其他的就允許不寫。如下：
<table>
<tr><td width=100>***</td><td width=200>***</td></tr>
<tr><td>***</td><td>***</td></tr>
<tr><td>***</td><td>***</td></tr>
</table>
2>同行表格的高：
同行表格如果高一樣，則把height=??寫入<tr>中，<td>內部需要做單獨定義，另外其他同行相同的定義如背景顏色等，均可寫入<tr>，如下：
<table>
<tr height=30 bgcolor=ff0000><td>***</td><td>***</td></tr>
</table>
3> <td>的寬高定義：
td有背景顏色，如有實質性內容，不寫c.gif和 等
td有背景顏色，無實質性內容，定義寬小於10像素不定義高時.寫入<br>；定義高小於10像素不定義寬時，寫入"<img src= c.gif width=1 height=1>"；定義寬高均小於10像素時，寫入"<img src= c.gif width=1 height=1>"
td如果不含背景顏色並且不含實質性內容，那麼td內可以為空 (不寫c.gif和 等)
l表格邊框線製作技巧
1、背景色加c.gif 方法
<table cellspacing=0 cellpadding=0 border=0>
<tr><td bgcolor=#ffb733 height=1 colspan=3><img src=images/c.gif width=1 h
蒙田範文網
PAn>