が、ブログやチュートリアルサイトの何千ものされているインターネット上ではすべての情報が役に立つか、質の良い利用されていません。 この条において我々はあなたのコードをブラウザに、ユーザーと検索エンジンの友好を維持する5つの方法を紹介します。 このいくつかの手順に従ってください、私は絶対に確信しているがあなたの次のWebサイトプロジェクトの場合に役立ちます。 それをお楽しみください！

1。 お書きクリーンなコード

クリーンなコードを書くことで簡単にメンテナンスされ、あなたと他の人の痛みが少ない。

悪いコード

  > <div IDを = "Wrapper""
 > <div IDを = "MainContainer""
 > </div> <div IDを = "Header"""/部"
 > </div> <div IDを = "Content"""/部"
 "/部"
 "/部" 

良いコード

  "！ - /ラッパー\ - "
 > <div IDを = "Wrapper""

 "！ - /主要コンテナ\ - "
 > <div IDを = "MainContainer""

 "！ - /ヘッダ\ - "
 > </div> <div IDを = "Header"""/部"
 "！ - \ヘッダを閉じる/ - "

 "！ - /コンテンツ\ - "
 > </div> <div IDを = "Content"""/部"
 "！ - \コンテンツを閉じる/ - "
 
 "/部"
 "！ - \主要コンテナを閉じる/ - "

 "/部"
 "！ - \ラッパーを閉じる/ - " 

2。 正しいDOCTYPEを使用し

場合、標準に準拠した方法では表示されませんとのDOCTYPE（文書型宣言）のタグは、Webページを使用していない一部の奇妙なWebページに結果があります。

3。 見出しタグと順不同リストを使用し

見出しタグや番号なしのリストではなくそのスペーサーのグラフィックスおよびネストされたテーブルを..使用して

悪いコード

良いコード

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <DIV>の <h2> <ul> <li>コンテンツxyzは"/李/水素""見出し"<li>コンテンツxyzは"/李"<li>コンテンツxyzは"/李"<li>コンテンツxyzは"/李" "/ 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または電子メールでの我々のフィードを購読する考え。