ブートストラップ HTML コーディング仕様_html/css_WEB-ITnose

1.1. 構文

1. タブの代わりに 2 つのスペースを使用します - これが、すべての環境で一貫したプレゼンテーションを保証する唯一の方法です。

2. ネストされた要素は 1 回インデントする必要があります (つまり 2 つのスペース)。

3. 属性の定義には必ず二重引用符を使用し、一重引用符は使用しないでください。

4. 自己終了要素の末尾にスラッシュを追加しないでください。HTML5 仕様では、これはオプションであると明確に規定されています。

5. オプションの終了タグ ( や など) を省略しないでください。

こんにちは、世界!

< /html>

1.2. HTML5 doctype

各ブラウザーで一貫した表示を保証するために、各 HTML ページの最初の行に標準モード宣言を追加します。

1.3.

厳密に推奨 lang 属性を指定するHTML ルート要素を使用して、ドキュメントに正しい言語を設定します。これは、音声合成ツールが使用すべき発音を決定したり、翻訳ツールが翻訳時に従うべきルールを決定したりするのに役立ちます。

1.4. IE 互換モード

IE は特定の <メタ> をサポートします。タグを使用して、現在のページの描画に使用する IE バージョンを決定します。強い特別なニーズがない限り、IE がサポートする最新のモードを採用するように IE に通知するには、

エッジ モード

に設定するのが最善です。

1.5. 文字エンコーディング

文字エンコーディングを明示的に宣言することで、ブラウザが迅速かつ簡単に文字エンコーディングを決定できるようになります。ページのコンテンツのレンダリング方法。この利点は、HTML で文字エンティティの使用を回避できるため、すべてがドキュメント エンコーディング (通常は UTF-8 エンコーディング) と一致することです。

1.6. CSS および JavaScript ファイルの導入

HTML5 の仕様に従って、通常は CSS および JavaScript を導入する場合は必要ありません。ファイル text/css と text/javascript がそれぞれデフォルト値であるため、type 属性を指定する必要があります。

1.7. 実用性は重要です

HTML 標準とセマンティクスに従うように努めますが、実用性を犠牲にしないでください。使用するタグを最小限にし、複雑さを常に最小限に抑えるようにしてください。

1.8. 属性の順序

コードを読みやすくするために、HTML 属性は以下の順序で配置する必要があります。

class

id, name

data-*

src, for, type, href

title, alt

aria-*, role

class は再利用性の高いコンポーネントを識別するために使用されるため、ランク付けする必要があります最初の場所。 ID は特定のコンポーネントを識別するために使用され、注意して使用する必要があるため (ページ内のブックマークなど)、2 番目になります。

リンクの例

1.9. ブール属性

ブール属性は代入せずに宣言できます。価値。 XHTML 仕様では値を割り当てる必要がありますが、HTML5 仕様では必要ありません。

要素のブール属性に値がある場合は true、値がない場合は false です。

属性が存在する場合、その値は空の文字列または [...] 属性の正規名である必要があり、末尾に空白文字を追加しないでください。

簡単に言えば、値を割り当てる必要はありません。

1< ;/option>

1.10. タグの数を減らす

HTML コードを記述するときは、冗長な親要素を避けるようにしてください。多くの場合、これを実現するには反復とリファクタリングが必要になります。次のケースを参照してください:

検索と編集が難しくなり、パフォーマンスが低下します。できる限り避けてください。