大云網論文資料論文范文正文

一種通用的網頁設計規范

2013-12-12 09:32:19 電力信息化　點擊量：評論 (0)

0引言作為B S架構辦公自動化系統的主要角色，網頁已經被越來越多地應用到實際工作中去，而基于網頁的動態站點則成為重要的一種軟件系統應用方式。我們在參考了眾多的網頁設計文檔后發現，大多數的網頁在設計時除

<table><tr>對齊，<td> 縮進兩個半角空格，<td> 中如果還有嵌套的表格，<table>也縮進兩個半角空格，如果<td>中沒有任何嵌套的表格，</td> 結束標記應該與 <td> 處于同一行，不要換行，

如我們注意在源代碼中不應有這樣的代碼：

</td>

而應該是這樣的：

這是因為瀏覽器認為換行相當于一個半角空格，以上不規范的寫法相當于無意中增加一個半角空格，如果確實有必要增加一個半角空格，也應該這樣寫：

屬于同一個級別的 <table> 一定是左首對齊的，另外不允許沒有任何內容的空的單元格存在，高度大于等于12px 的單元格應該在 <td> 和 </td> 之間寫一個如果高度小于12px, 則應該在 <td> 和 </td> 之間插入一個1*1 大小的透明的gif 圖片，這是因為某些瀏覽器認為空單元格非法而不會予以解釋。如果代碼順序較亂，可以通過command->apply souce formatting進行重新整理！

4）Width 和height 的寫法也有統一的規范，一般情況下只有一列的表格，width 寫在<table> 的標簽內，只有一行的表格，height 寫在 <table> 的標簽內，多行多列的表格，width 和height 寫在第一行或者第一列的 <td> 標簽內。總之遵循一條原則：不出現多于一個的控制同一個單元格大小的height 和width, 保證任何一個width 和height 都是有效的，也就是你改動代碼中任何一個width 和height 的數值，都應該在瀏覽器中看到變化。做到這一條不容易，需要較長時間的練習和思考。

3一般原則

1）在排布表格之前，請大家一定要好好思考一個最佳的方案，表格的嵌套盡量控制在三層以內，并且應該盡量避免 <colspan>，<rowspan> 兩個標記，經驗表明，這兩個標記會帶來許多麻煩。

2）一個網頁要盡量避免用整個一張大表格，所有的內容都嵌套在這個大表格之內，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網頁是嵌套在一個大表格之內，那么很可能造成的后果就是，當瀏覽者敲入網址，他要先面對一片空白很長時間，然后所有的網頁內容同時出現。如果必須這樣做，請使用 <tbody>標記，以便能夠使這個大表格分塊顯示。

3）排版中我們經常會遇到需要進行首行縮進的處理，不要使用或者全角空格來達到效果，規范的做法是在樣式表中定義 p { text-indent: 2em; } 然后給每一