## 腳本編寫
我們應該有一個腳本整體風格一致的概念,意思是一個月后和一個月前的你寫的腳本風格保持一致,以及同一個工作組中不同的開發人員編寫的腳本風格保持一致,因為我們不可能永遠孤立的開發,你隨時都有可能和三個月前的自己合作(你的客戶要求改版),也經常要和工作室中不同的同事共同開發一個項目,還有可能被要求修改已經離職人員開發的腳本,當然你自己也有可能會扔下一個項目給后來的同事。
1. Html 文件的通用模板:
<center></center>
> 補充:
為了保證網站能夠與下一代的web 語言xml 標準兼容,所有的HTML 標簽的屬性都要用雙引號括起,即我們應該寫 `<a href="url">` 而不是 `<a href=url>`
2. 允許全文檢索的頁面,為了使Internet上的搜索引擎能夠有效檢索,在頻道的首頁的html的`<head></head>`之間應該加入`Keywords` 和`Description` 元標記。
例如:
~~~
<meta name="keywords" content="關鍵詞,key" />
<meta name="description" content="內容簡介" />
~~~
3. CSS 文件的格式樣例代碼:
<center></center>
這里尤其要注意的是a:link a:visited a:hover a:actived 的排列順序一定要嚴格照上面的樣例代碼,否則或多或少會出問題。另外我們規定重定義的最先,偽類其次,自定義最后,便于自己和他人閱讀!
為了保證不同瀏覽器上字號保持一致,字號建議用點數pt和像素px來定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px 和14.7px 這是經過優化的字號,黑體字或者宋體字加粗時,一般選用11pt和14.7px 的字號比較合適。
在寫 `<table>` 互相嵌套時,嚴格按照的規范,對于單獨的一個`<table>`來說,`<table><tr>`對齊,`<td>` 縮進兩個半角空格,`<td>` 中如果還有嵌套的表格,`<table>`也縮進兩個半角空格,如果<td>中沒有任何嵌套的表格,`</td>` 結束標記應該與 `<td>` 處于同一行,不要換行。
如我們注意在源代碼中不應有這樣的代碼:
~~~
<td><img src="xxxx.gif" />
</td>
~~~
而應該是這樣的:
~~~
<td><img src="xxxx.gif" /></td>
~~~
這是因為瀏覽器認為換行相當于一個半角空格,以上不規范的寫法相當于無意中增加一個半角空格,如果確實有必要增加一個半角空格,也應該這樣寫:
~~~
<td><img src="xxxx.gif" /> </td>
~~~
屬于同一個級別 的 `<table>` 一定是左首對齊的,另外不允許沒有任何內容的空的單元格存在,高度大于等于12px 的單元格應該 在 `<td>` 和 `</td>` 之間寫一個` `,如果高度小于12px, 則應該 在 `<td>` 和 `</td>` 之間插入一個1*1 大小的透明的gif 圖片,這是因為某些瀏覽器認為空單元格非法而不會予以解釋。如果代碼順序較亂,在DW3中可以通過`command->apply souce formatting`進行重新整理!
4. Width 和height 的寫法也有統一的規范
一般情況下只有一列的表格,width 寫在`<table>` 的標簽內,只有一行的表格,height 寫在 `<table>` 的標簽內,多行多列的表格,width 和height 寫在第一行或者第一列的 `<td>` 標簽內。總之遵循一條原則:不出現多于一個的控制同一個單元格大小的height 和width, 保證任何一個width 和height 都是有效的,也就是你改動代碼中任何一個width 和height 的數值,都應該在瀏覽器中看到變化。做到這一條不容易,需要較長時間的練習和思考。