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

- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 16:43:251490ブラウズ
美しい 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>
追伸: 個人的には、次のようなコードを書く方が簡単だと思います:
ホーム
概要
連絡先
5.すべてのページ コンテンツのメイン DIV
すべてのコンテンツを含むメイン DIV が必要です。本文の幅や余白などを固定するのに便利です。
6.重要なコンテンツを最初に記述します
最初にメイン コンテンツを記述し、次に二次コンテンツを記述します。ナビゲーションやサイドバーがそれほど重要でない場合は、最後に記述するのが最善です。
7.共通コンテンツの組み込み
PHP の include などの動的呼び出しを通じて、ナビゲーションやページ フッターなどの共通部分を導入します。
8.コードはセクションにタブで区切られています
インデントされたコード
9.適切な終了タグ
終了タグに注意してください
10.ヘッダタグの階層
~などのヘッダタグを適切な箇所に使用して段落を分割します。
11. コンテンツ、コンテンツ、コンテンツ 適切なタグとロゴ コードを使用します。© を示すには & を使用します。 は使用しません。
12.スタイルなし!タグにスタイルを記述しないでください。HTML は構造を表現するためにのみ使用されます。パフォーマンスは CSS に任せましょう。
声明:この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。