翻訳：美しいHTMLコードの書き方_HTML/Xhtml_Webページ制作

美しい HTML コードの概要 美しい HTML コードの書き方。
外国人によって書かれた記事: What Beautiful HTML Code Looks Like 美しい HTML コードの書き方はとても良いと思いますので、転載して共有します:
ps: 元のアドレス: http :// css-tricks.com/what-Beautiful-html-code-looks-like/
1.DOCTYPE が適切に宣言されています
ヘッダー宣言を忘れないでください。ヘッダー宣言はブラウザーに HTML のレンダリング方法を指示します。
2. Tidy Headセクション
CSSとJS（印刷用CSSを含む）を外部リンクします。
3.Body IDed
Body に ID を与えます。著者がここで述べた理由は、複数ページのコンテナの選択を容易にするためです。例えば、page1とpage2でBODYに異なるIDを設定することで、#page1 h2と#page2 h2で2つの異なる効果を設定することができますが、これは使用する前に状況と具体的なアーキテクチャに依存するように感じます。
4.セマンティックにクリーンなメニュー
セマンティクスに準拠したメニュー コードを記述します。
<div id="menu"> <code><div id="menu"> <br><ul> <br><li><a href="index.php">Home</a></li> <br><li><a href="about.php">About</a></li> <br><li><a href="contact.php">Contact</a></li> <br> </ul> <br> </div> <br>ps:我个人觉得这样写代码应该更简单一点吧:<br><ulid><br><li><a href="index.php">Home</a></li> <br><li><a href="about.php">About</a></li> <br><li><a href="contact.php">Contact</a></li> <br><br></ulid>

• ホーム
• 概要


• 連絡先
ul>

追伸: 個人的には、次のようなコードを書く方が簡単だと思います:

ホーム

概要

連絡先

5.すべてのページ コンテンツのメイン DIV
すべてのコンテンツを含むメイン DIV が必要です。本文の幅や余白などを固定するのに便利です。
6.重要なコンテンツを最初に記述します
最初にメイン コンテンツを記述し、次に二次コンテンツを記述します。ナビゲーションやサイドバーがそれほど重要でない場合は、最後に記述するのが最善です。
7.共通コンテンツの組み込み
PHP の include などの動的呼び出しを通じて、ナビゲーションやページ フッターなどの共通部分を導入します。

8.コードはセクションにタブで区切られています
インデントされたコード
9.適切な終了タグ
終了タグに注意してください
10.ヘッダタグの階層
～などのヘッダタグを適切な箇所に使用して段落を分割します。 11. コンテンツ、コンテンツ、コンテンツ 適切なタグとロゴ コードを使用します。© を示すには & を使用します。 は使用しません。 12.スタイルなし!タグにスタイルを記述しないでください。HTML は構造を表現するためにのみ使用されます。パフォーマンスは CSS に任せましょう。