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

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

6. CSSとJavaScriptの導入

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

7. Head コンテンツ

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

8. Pictures

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

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

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

11 . アクセシビリティ

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

12. マルチメディア

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

13. コメント

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

関連する推奨事項:

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