HTML程式碼編寫小技巧?

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標籤內的檔名,就可以找到這個外掛名稱,然後就可以學習它據為己用。

相關問題答案