1. 在頁面底部引入JavaScript檔案
要記住一個原則,就是讓頁面以最快的速度呈現在使用者面前。當載入一個指令碼時,頁面會暫停載入,直到指令碼完全載入。所以會浪費使用者更多的時間。
如果你的JS檔案只是要實現某些功能,(比如點選按鈕事件),那就放心的在body底部引入它,這絕對是最佳的方法。
舉例:
And now you know my favorite kinds of corn.
2. 使用小寫的標記
理論上講,你可以像這樣隨性的書寫標記:
Here's an interesting fact about corn.
最好不要這樣寫,費力氣輸入大些字母沒有任何用處,並且會讓程式碼很難看,這樣子就很好:
Here's an interesting fact about corn.
3. 使用UL列表佈局導航選單
通常網站都會有導航選單,你可以用這樣的方式定義:
如果你想書寫優美的程式碼,那最好不要用這種方式,
為什麼要用UL佈局導航選單?
——因為UL生來就是為定義列表準備的
最好這樣定義:
4. 縮減,縮減,縮減
回望我們大多數人寫的第一個頁面,一定會發現嚴重的 “DIV癖”( divitis
),通常初學者的本能就是把一個段落用DIV包起來,然後為了控制定位而套上更多的DIV。—— 其實這是一種低效而有害的做法。
網頁寫完後,一定要多次回頭檢查,儘量的減少元素的數量。
能用UL佈局的列表就不要用一個個的DIV去佈局。
5. 檢視原始碼
沒有什麼比模仿你的偶像能讓你更快的學習HTML。起初,我們都要甘做影印機,然後慢慢得發展自己的風格。研究你喜歡的網站頁面程式碼,看看他們是怎麼實現的。這是高手的必經之路,你一定要試一下。注意:只是學習和模仿他們的編碼風格,而不是抄襲和照搬!
留意網路上各種炫酷的JavaScript效果,如果看上去是使用了外掛,那根據它原始碼中head標籤內的檔名,就可以找到這個外掛名稱,然後就可以學習它據為己用。