日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

本文總結(jié)了30條html代碼編寫指南，只要在編寫HTML代碼的過程中牢記它們，靈活運(yùn)用，你一定會(huì)寫出一手漂亮的代碼，早日邁入專業(yè)開發(fā)者的行列。

1. 一定要閉合HTML標(biāo)簽

在以往的頁面源代碼里，經(jīng)?？吹竭@樣的語句：

 
 
 

  
  
  
Some text here. 
  
  
  
Some new text here. 
  
  
  
You get the idea.
 
 
 

也許過去我們可以容忍這樣的非閉合HTML標(biāo)簽，但在今天的標(biāo)準(zhǔn)來看，這是非常不可取的，是必須百分百避免的。一定要注意閉合你的HTML標(biāo)簽，否則將無法通過驗(yàn)證，并且容易出現(xiàn)一些難以預(yù)見的問題。

最好使用這樣的形式：

 
 
 

  
  
  

  
  
  
Some text here. 
  
  
  
Some new text here. 
  
  
  
You get the idea. 
  
  
  

 
 
 

2. 聲明正確的文檔類型( DocType )

筆者早先曾加入過許多CSS論壇，在那里，如果有用戶遇到問題，我們會(huì)建議他首先做兩件事：

（1）.證CSS文件，解決所有可見的錯(cuò)誤

（2）. 加上文檔類型 Doctype

DOCTYPE 定義在HTML標(biāo)簽出現(xiàn)之前，它告訴瀏覽器這個(gè)頁面包含的是HTML，XHTML，還是兩者混合出現(xiàn)，這樣瀏覽器才能正確的解析標(biāo)記。

通常有四種文檔類型可供選擇：

關(guān)于該使用什么樣的文檔類型聲明，一直有不同的說法。通常認(rèn)為使用最嚴(yán)格的聲明是最佳選擇，但研究表明，大部分瀏覽器會(huì)使用普通的方式解析這種聲明，所以很多人選擇使用HTML4.01標(biāo)準(zhǔn)。選擇聲明的底線是，它是不是真的適合你，所以你要綜合考慮來選擇適合你得項(xiàng)目的聲明。

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

當(dāng)你在埋頭寫代碼時(shí)，可能會(huì)經(jīng)常順手或偷懶的加上一點(diǎn)嵌入式css代碼，就象這樣：

 
 
 

  
  
  
帕蘭映像

 
 
 

這樣看起來即方便又沒有問題，但是它會(huì)在你得代碼中產(chǎn)生問題。

在你開始寫代碼時(shí)，最好是在內(nèi)容結(jié)構(gòu)完成之后再開始加入樣式代碼。

更好的做法是，把這個(gè)P的樣式定義在樣式表文件里：

 
 
 

  
  
  
someElement > p { 
  
  
  
color: red; 
  
  
  
}
 
 
 

4. 在頁面head標(biāo)簽中引入所有的樣式表文件

理論上講，你可以在任何位置引入CSS樣式表，但HTML規(guī)范建議在網(wǎng)頁的head標(biāo)記中引入，這樣可以加快頁面的渲染速度。

5. 在頁面底部引入javascript文件

要記住一個(gè)原則，就是讓頁面以最快的速度呈現(xiàn)在用戶面前。當(dāng)加載一個(gè)腳本時(shí)，頁面會(huì)暫停加載，直到腳本完全載入。所以會(huì)浪費(fèi)用戶更多的時(shí)間。

如果你的JS文件只是要實(shí)現(xiàn)某些功能，（比如點(diǎn)擊按鈕事件），那就放心的在body底部引入它，這絕對(duì)是最佳的方法。

舉例：

 
 
 

  
  
  
And now you know my favorite kinds of corn. 
  
  
  

  
  
  

  
  
  

  
  
  

 
 
 

6. 不要使用嵌入式JavaScript，這都21世紀(jì)了！

許多年以前，還存在一種這樣的方式，就是直接將JS代碼加入到HTML標(biāo)簽中。尤其是在簡(jiǎn)單的圖片相冊(cè)中非常常見。本質(zhì)上講，一個(gè)“onclick”事件是附加在 標(biāo)簽上的，其效果等同于一些JS代碼。不需要討論太多，非常不應(yīng)該使用這樣的方式，應(yīng)該把代碼轉(zhuǎn)移到一個(gè)外部JS文件中，然后使用“ addEventListener / attachEvent ”加入時(shí)間偵聽器?；蛘呤褂胘query等框架，之需要使用其“clock”方法。

 
 
 

  
  
  
$('a#moreCornInfoLink').click(function() { 
  
  
  
alert('Want to learn more about corn?'); 
  
  
  
});
 
 
 

7. 開發(fā)中隨時(shí)進(jìn)行標(biāo)準(zhǔn)驗(yàn)證

很多人并不真正理解標(biāo)準(zhǔn)驗(yàn)證的意義和價(jià)值，筆者在一篇博客中詳細(xì)分析了這個(gè)問題。一句話，標(biāo)準(zhǔn)驗(yàn)證是為你服務(wù)的，不是給你找麻煩的。

如果你剛開始從事網(wǎng)頁制作，那強(qiáng)烈建議你下載這個(gè)網(wǎng)頁開發(fā)工具條 ，并在編碼過程中隨時(shí)使用”HTML標(biāo)準(zhǔn)驗(yàn)證”和“CSS標(biāo)準(zhǔn)驗(yàn)證”。如果你認(rèn)為CSS是一種非常好學(xué)的語言，那么它會(huì)把你整的死去活來。你的不嚴(yán)謹(jǐn)?shù)拇a會(huì)讓你的頁面漏洞百出，問題不斷，一個(gè)好的方法就是—— 驗(yàn)證，驗(yàn)證，再驗(yàn)證。

8. 下載Firebug

Firebug是當(dāng)之無愧的網(wǎng)頁開發(fā)最佳插件，它不但可以調(diào)試JavaScript，還可以直觀的讓你了解頁面標(biāo)記的屬性和位置。

9. 使用Firebug！

據(jù)筆者觀察，大部分的使用者僅僅使用了Firebug 20%的功能，那真是太浪費(fèi)了，你不妨花幾個(gè)小時(shí)的時(shí)間來系統(tǒng)學(xué)習(xí)這個(gè)工具，相信會(huì)讓你事半功倍。

10. 使用小寫的標(biāo)記

理論上講，你可以像這樣隨性的書寫標(biāo)記：

 
 
 

  
  
  

  
  
  
Here's an interesting fact about corn.