走向專業之路網頁新手30高階秘技（上）

許許多多的網頁新手正徘徊在專業編碼的門檻前，而網上的教程參差不齊，魚龍混雜，很容易讓新手迷茫。這裡總結了30條網頁編碼的「秘技」，只要在編碼過程中牢記它們，靈活運用，你一定會寫出一手漂亮的**，早日邁入專業開發者的行列。參看《網頁新手30條高階秘技（下）》

1. 一定要閉合標籤

在以往的頁面源**裡，經常看到這樣的語句：

也許過去我們可以容忍這樣的非閉合標籤，但在今天的標準來看，這是非常不可取的，是必須百分百避免的。一定要注意閉合你的標籤，否則將無法通過驗證，並且容易出現一些難以預見的問題。

最好使用這樣的形式：

2. 宣告正確的文件型別（ doctype ）

#formatimgid_0#

筆者早先曾加入過許多css論壇，在那裡，如果有使用者遇到問題，我們會建議他首先做兩件事：

1. 驗證css檔案，解決所有可見的錯誤

2. 加上文件型別 doctype

#formatimgid_1#doctype 定義在html標籤出現之前，它告訴瀏覽器這個頁面包含的是html，xhtml，

還是兩者混合出現，這樣瀏覽器才能正確的解析標記。

通常有四種文件型別可供選擇：

關於該使用什麼樣的文件型別宣告，一直有不同的說法。通常認為使用最嚴格的宣告是最佳選擇，但研究表明，大部分瀏覽器會使用普通的方式解析這種聲明，所以很多人選擇使用html4.01標準。選擇宣告的底線是，它是不是真的適合你，所以你要綜合考慮來選擇適合你得專案的宣告。

3. 不要使用嵌入式css樣式

當你在埋頭寫**時，可能會經常順手或偷懶的加上一點嵌入式css**，就象這樣：

oncoding編碼營

這樣看起來即方便又沒有問題，但是它會在你得**中產生問題。

在你開始寫**時，最好是在內容結構完成之後再開始加入樣式**。

#formatimgid_2#這樣的編碼方式就像打游擊，是一種很山寨的做法。——chris coyier

更好的做法是，把這個p的樣式定義在樣式表檔案裡：

4. 在頁面head標籤中引入所有的樣式表檔案

理論上講，你可以在任何位置引入css樣式表，但html規範建議在網頁的head標記中引入，這樣可以加快頁面的渲染速度。

#formatimgid_3#在雅虎的開發過程中，我們發現，在head標籤中引入樣式表，會加快網頁載入速度，

因為這樣可以使頁面逐步渲染。 —— yslow團隊

5. 在頁面底部引入j**ascript檔案

#formatimgid_4#

要記住乙個原則，就是讓頁面以最快的速度呈現在使用者面前。當載入乙個指令碼時，頁面會暫停載入，直到指令碼完全載入。所以會浪費使用者更多的時間。

如果你的js檔案只是要實現某些功能，（比如點選按鈕事件），那就放心的在body底部引入它，這絕對是最佳的方法。

舉例：

走向專業之路 網頁新手30高階秘技（上）