HTML5のタグと共通ルールとは何ですか? html5のタグとルールの紹介

この記事では、HTML5 のタグと共通ルールとは何なのかを紹介します。 HTML5 のタグとルールの紹介は一定の参考価値がありますので、困っている方は参考にしていただければ幸いです。

1. 命名規則
[必須] クラス: 単語はすべて小文字で、- で区切られ、対応するモジュールまたはコンポーネントの内容または機能を表す必要があります。HTML 組み込みで名前を付けることはできません。スタイル、および命名には明確なセマンティクスが必要です。
[必須] ID: ページ内で一意である必要があり、名前付けには明確なセマンティクスが必要です。

2. タグ
[必須] Html 内のタグ名には小文字を使用する必要があります。
【必須】タグの終了はHTML5の規定に準拠する必要があります。
[必須] タグの使用は、タグのネスト規則に従う必要があります。たとえば、p を p に配置することはできず、tbody を table に配置する必要があります。
[推奨] タグの使用は、タグのセマンティクスに従う必要があります。例:
p - 段落
h1、h2、h3、h4、h5、h6 - 階層タイトル
strong、em - 強調
ins - 挿入
del - 削除
abbr - 略語
code - コード識別子
cite - 引用元の作品のタイトル
q - 引用
blockquote - 1 つの段落または長い引用
ul - 順序なしリスト
ol - 順序付きリスト
dl,dt ,dd - 定義リスト
[提案] CSS が同じ要件を達成できる場合、レイアウトにテーブルを使用してはなりません。

3. 属性
【必須】 属性には小文字を使用し、属性値は二重引用符で囲む必要があります。
[提案] ブール型の提案は属性値を追加しません。カスタム属性には xxx- を付けることが推奨され、data-

4 が推奨されます。標準モードを有効にするには doctype を使用します。言語エンコードは大文字の DOCTYPE

5 を使用することをお勧めします。ページの改善に役立ちます アクセシビリティのために、正しい lang 属性を設定する必要があります。例:

[必須] ページは文字エンコーディング メタを指定する必要があり、最初の直接の子である必要があります。例: 。

6. CSSとJavaScriptの導入

【必須】 cssを導入する場合はrel="stylesheet"を指定し、cssとjavascriptを導入する場合はtype属性を指定する必要があります。

[推奨]JavaScript コードはページの最後に配置するか、非同期で読み込む必要があります。

7. Head コンテンツ

【必須】 Title タグは、head の直接の子要素として、charset 宣言の直後に設定する必要があります。

[必須] Favicon はアクセス可能であることが保証されています。例:
[必須] Viewport 属性を指定する必要があります。

8. Pictures

[必須] img の src 値を空にすることを禁止し、遅延読み込みされたピクチャーにもデフォルトの src 属性値を追加する必要があります。

【推奨】重要な画像にはalt属性値を追加してください。
[推奨]ページの揺れを避けるために幅と高さの属性を追加します。

9. コントロールのタイトル

[必須] テキスト タイトルを持つコントロールは、ラベル タグを使用してタイトルと関連付ける必要があります。例:

<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户：</label><inputtype="text" name="user" id="user">

10. ボタン

[必須] ボタンを使用する場合は、type 属性値を指定する必要があります。 element

11 . アクセシビリティ

[推奨事項] フォーム送信に JavaScript を使用する場合、ネイティブ送信機能が適切に動作するようにする必要があります。

[推奨] コンテンツ タイプに応じて入力ボックスの type 属性を指定します。例:

12. マルチメディア

[推奨] audio タグと video タグを使用してオーディオとビデオを再生する場合ビデオの形式に注意する必要があります:

オーディオ形式: MP3、WAV、Ogg
ビデオ形式: MP4、WebM、Ogg

13. コメント

[必須] CSS および JavaScript コードに詳細なコメントを作成する必要があります。ページまたはモジュール

関連する推奨事項:

HTML5 ページ構造の変更とタグの追加と削除の概要

HTML5 の div タグのサンプル コード

以上がHTML5のタグと共通ルールとは何ですか? html5のタグとルールの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。