美しいHTMLコードは、美しいHTMLコードを書く方法のように見えます。
外国人によって書かれた記事:美しいHTMLコードは、美しいHTMLコードを書く方法のように見えます。それを転載してあなたと共有してください:
PS:オリジナルアドレス:http://css-tricks.com/what-beautiful-html-code-looks-like/
1.適切に宣言されています頭の宣言を忘れないでください。それはブラウザにHTMLをレンダリングする方法を伝えます。
2.引数ヘッドセクションタイトル、文字セットを設定します。 CSSおよびJS外部リンク(印刷CSSを含む)を構成します。
3.Body IDedボディにIDを与えます。ここで著者が言及した理由は、複数のページの中容器の選択を容易にするためです。たとえば、Page1とPage2に本体の異なるIDを設定することにより、#Page1 H2と#Page2 H2を介して2つの異なる効果を設定できます。これは、それを使用する前の状況と特定の構造に依存すると感じています。 4.セマンティカルクリーンメニューセマンティクスに一致するメニューコードを書きます。
<div id=menu>
<ul>
<li> <a href = index.php> home </a> </li>
<li> <a href = about.php> bout </a> </li>
<li> <a href = contact.php>連絡先</a> </li>
</ul>
</div>
PS:個人的には、このようなコードを書く方が簡単だと思います:
<ulid = menu>
<li> <a href = index.php> home </a> </li>
<li> <a href = about.php> bout </a> </li>
<li> <a href = contact.php>連絡先</a> </li>
</ul>
5。すべてのページコンテンツのメインDIVすべての内容を含むボディDIVがあります。体の幅、マージンなどを修正するのに便利です。 6.最初に重要なコンテンツ最初にメインコンテンツを書き、次にセカンダリコンテンツを記述します。ナビゲーションやサイドバーがあまり重要でない場合は、最後に書くのが最善です。 7.コモンコンテンツが含まれていますNavigationなどの一般的なパーツを紹介し、PHPが含まれるような動的コールを介してページの終了を紹介します。 8.コードはセクションにタブ付きですインデントコード9.Proper Endingタグエンドタグに注意してください10.ヘッダータグの階層必要に応じて<h1>〜<h6>などのタイトルタグを使用して、段落を分割します。 11。コンテンツ、コンテンツ、コンテンツは、適切なタグとロゴコードを使用し、使用&
コピー。 ©を示すには、</br>を使用しないでください12.スタイリングはありません!タグにスタイルを書かないでください、HTMLは構造を表すために使用されます。パフォーマンスをCSSに任せましょう。