美しいHTMLコードの書き方

美しい HTML コードの外観美しい HTML コードの書き方。
外国人が書いた記事: 美しい HTML コードとは美しい HTML コードの書き方がとてもよく書かれているように感じたので、再投稿して皆さんと共有します:
ps: 元のアドレス: http://css-tricks.com/what-beautiful-html-code-looks-like/
1. DOCTYPEが適切に宣言されている
ブラウザに HTML をレンダリングする方法を指示するヘッダー宣言を忘れないでください。
2. 整頓されたヘッドセクション
タイトルと文字セットを設定します。CSS と JS を外部リンクにリンクします (印刷用の CSS を含む)。
3. ボディID
体にIDを付与します。ここで著者が述べている理由は、複数のページでのコンテナの選択を容易にするためです。例えば、page1 と page2 の BODY に異なる ID を設定することで、#page1 h2 と #page2 h2 を通じて 2 つの異なる効果を設定できます。これは状況と具体的なアーキテクチャに依存すると感じています。
4.意味的にクリーンなメニュー
セマンティックメニューコードを記述します。

<div id="menu">
 <ul>
 <li><a href="index.php">Home</a></li>
 <li><a href="about.php">About</a></li>
 <li><a href="contact.php">Contact</a></li>
 </ul>
 </div>
 ps:我個人覺得這樣寫代碼應該更簡單一點吧:
 <ulid="menu">
 <li><a href="index.php">Home</a></li>
 <li><a href="about.php">About</a></li>
 <li><a href="contact.php">Contact</a></li>
 </ul>

5.すべてのページコンテンツのメインDIV
すべてのコンテンツを含むメインの DIV が必要です。被写体の幅や余白などを固定するのに便利です。
6. 重要なコンテンツを優先する
最初にメインコンテンツを書き、次にセカンダリコンテンツを書きます。ナビゲーションやサイドバーがそれほど重要でない場合は、最後に書くのが最適です。
7. 共通コンテンツが含まれる
PHP include などの動的呼び出しを通じて、ナビゲーションやフッターなどの共通部分をインポートします。
8.コードはセクションごとにタブ分けされています
インデントコード
9.適切な終了タグ
終了タグに注意してください
10.ヘッダータグの階層
適切な場所で段落を区切るには、<h1>～<h6> などの見出しタグを使用します。
11. コンテンツ、コンテンツ、コンテンツ
適切なラベルとサインコードを使用し、©を示すために & copy; を使用し、</br> は使用しないでください。
12.スタイリング不要！
タグ内にスタイルを入れないでください。HTML は構造を表すためにのみ使用されます。パフォーマンスは CSS に任せましょう。