有數以千計的博客和教程網站可在互聯網上，但不是所有的信息是有用的或質量良好。 在本文中，我們將告訴你5種方法讓你的代碼的瀏覽器，用戶和搜索引擎友好。 繼續按照這幾個步驟，我絕對相信，這將幫助您為您的下一個網站項目。 喜歡它！

1。 寫乾淨的代碼

編寫乾淨的代碼很容易維護，少一個痛苦為你和他人。

糟糕的代碼

 > <div id = "MainContainer" > <div id = "Header" > </div> <div id = "Content" > </div> </div> </div> <div 編號 = "Wrapper"“<div 編號 = "MainContainer"”<div 編號 = "Header"“”/分區“<div 編號 = "Content"”“/分區”“/分區”“/分區” 

好的代碼

 = "Wrapper" > <!-- / MAIN CONTAINER \ --> <div id = "MainContainer" > <!-- / HEADER \ --> <div id = "Header" > </div> <!-- \ HEADER CLOSE / --> <!-- / CONTENT \ --> <div id = "Content" > </div> <!-- \ CONTENT CLOSE / --> </div> <!-- \ MAIN CONTAINER CLOSE / --> </div> <!-- \ WRAPPER CLOSE / --> “！ - /封裝\ - ”<div 編號 = "Wrapper"“”！ - /主要貨櫃\ - “<div 編號 = "MainContainer"”“！ - /頭\ - ”“分區 編號 =“標題”“”/ 分區 “”！ - \頭關閉/ - “”！ - /內容\ - “<div 編號 = "Content"”“/分區 ”“！ - \含量關閉/ - “”/ 分區 “”！ - \主要集裝箱關閉/ - “”/ 分區 “”！ - \包裝關閉/ - “ 

2。 使用正確的doctype

如果你不使用的DOCTYPE（文檔類型聲明）標記，您的網頁將不會顯示在符合標準的方式，可能導致一些奇怪的網頁。

3。 使用標題標籤和無序列表

使用標題標籤和無序列表，然後間隔，而不是圖形和嵌套表..

糟糕的代碼

好的代碼

  <div>
 <h2>標題“/氫”
 <ul>
 <li>內容某某“/李”
 <li>內容某某“/李”
 <li>內容某某“/李”
 <li>內容某某“/李”
 “/ UL認證”
 “/分區” 

4。 使用語義上有意義的類和ID名稱

只要有可能，使用類和ID名在語義上有意義的和搜索友好。 例如：

糟糕的代碼

  > <ul 類 = "blue"“
 <li>錯誤1“/李”
 <li>錯誤2“/李”
 “/ UL認證” 

好的代碼

  > <ul 類 = "Error"“
 <li>錯誤1“/李”
 <li>錯誤2“/李”
 “/ UL認證” 

5。 避免IE的雙浮動幅度，使用顯示：內聯的浮動元素

避免IE的雙浮動利潤和文字縮進錯誤顯示模式：內聯的浮動元素。

糟糕的代碼

  ＃內容 （
 ; 浮動 ： 左 ;
 ; 寬度 ：300px;
 ; 填充 ：4px 7px;
 ; 保證金左 ：20px;
 ） 

好的代碼

  ＃內容 （
 ; 浮動 ： 左 ;
 ; 寬度 ：300px;
 ; 填充 ：4px 7px;
 ; 保證金左 ：20px;
 ; 顯示 ： 內聯 ;
 ） 

結論

這些僅僅是一些提示，幫助我寫出更好的代碼。 我希望該教程也將幫助你寫更好，乾淨的代碼。 應用這些提示您當前和未來項目，你一定會明白的努力。

如果你認為教程可以更多更好，請與我們分享。 評論我們

如果您想獲得更多的提示我們，請考慮訂閱我們的飼料的RSS或電子郵件 。