## 一般原則
1. 在排布表格之前,請大家一定要好好思考一個最佳的方案,表格的嵌套盡量控制在三層以內,并且應該盡量避免 `<colspan> <rowspan>` 兩個標記,經驗表明,這兩個標記會帶來許多麻煩。
2. 一個網頁要盡量避免用整個一張大表格,所有的內容都嵌套在這個大表格之內,因為瀏覽器在解釋頁面的元素時,是以表格為單位逐一顯示,如果一張網頁是嵌套在一個大表格之內,那么很可能造成的后果就是,當瀏覽者敲入網址,他要先面對一片空白很長時間,然后所有的網頁內容同時出現。 如果必須這樣做,請使用 `<tbody>`標記,以便能夠使這個大表格分塊顯示。
3. 排版中我們經常會遇到需要進行首行縮進的處理,不要使用或者全角空格來達到效果,規范的做法是在樣式表中定義 p { text-indent: 2em; } 然后給每一段加上 `<p>` 標記,注意不要省略 `</p>` 結束標記 。
4. 原則上,我們禁止用 `<img width=? height=?>` 來人為干預圖片顯示的尺寸,而且建議 `<img>` 標簽中不要帶上width 和height 兩個屬性,這是因為制作過程中,圖片往往需要反復的修改,這樣可以避免人為干預圖片顯示的尺寸,盡可能的發揮瀏覽器自身的功能;但是這樣的一個副作用是當網頁還未加載圖片時,不會留出圖片的站位大小,可能會造成網頁在加載過程中抖動(如果圖片是插在一個固定大小的表格里的,不會有這個現象),尤其是當圖片的尺寸較大時,這種現象會很明顯,所以當預料到這種會明顯導致網頁抖動的情況會發生時,請大家務必在最后給 `<img>`附上 width 和 height 屬性。
5. 為了最大程度的發揮瀏覽器自動排版的功能,在一段完整的文字中請盡量不要使用`<br>` 來人工干預分段。
6. 不同語種的文字之間應該有一個半角空格,但避頭的符號之前和避尾的符號之后除外漢字之間的標點要用全角標點,英文字母和數字周圍的括號應該使用半角括號。
7. 所有的字號都應該用樣式表來實現,禁止在頁面中出現 `<font size=?>` 標記。
8. 請不要在網頁中連續出現多于一個的也盡量少使用全角空格(英文字符集下,全角空格會變成亂碼),空白應該盡量使用 text-indent, padding, margin, hspace, vspace 以及透明的gif 圖片來實現。
9. 中英文混排時,我們盡可能的將英文和數字定義為verdana 和arial 兩種字體。
10. 行距建議用百分比來定義,常用的兩個行距的值是line-height:120%/150%.
11. 網站中的路徑全部采用相對路徑,一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名,如我們不必這樣:`<a href=”aboutus/index.htm”>` 而應該這樣:`<a href=”aboutus/”>`
12. 嵌入圖形文本的使用較大的字體,建議不要在圖形中包括文本。
13. 網頁大小”定義為網頁的所有文件大小的總和,包括HTML文件和所有的嵌入的對象。用戶喜歡快的而不是新奇的站點。對于解調器用戶,網頁大小保持在34K以下為合適。