html5タグの使用ルールは何ですか?

使用規則: 1. タグの class 属性は小文字を使用し、単語を区切るには「-」を使用する必要があり、組み込みスタイルで名前を付けることはできません。2. タグの id 属性は次のとおりです。ページ上で一意であること; 3. タグ名は小文字を使用する必要がある; 4. タグの使用はタグのネスト規則に従う必要がある; 5. タグの使用はタグのセマンティクスに従う必要がある。

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 タグを使用するためのルールとは何ですか

1. 命名ルール

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

[必須]id: ページ内で一意である必要があり、名前付けには明確なセマンティクスが必要です。

2. タグ

[必須]HTML 内のタグ名には小文字を使用する必要があります。

【必須】タグの終了はHTML5の規定に準拠する必要があります。

[必須] タグの使用は、タグのネスト規則に従う必要があります。たとえば、p を p に配置することはできず、tbody を table に配置する必要があります。

[推奨事項] タグの使用は、タグのセマンティクスに従う必要があります。例:

p - Paragraph

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 を使用します。大文字の DOCTYPE

5 を使用します。言語エンコード

[提案] ページのアクセシビリティを向上させるのに役立ちます。たとえば、次のように正しい lang 属性を設定する必要があります。

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

6. CSSとJavaScriptの導入

【必須】css導入時にrel="stylesheet"の指定、css導入時にtype属性の指定が必須そしてJavaScript。

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

7. Head content

[必須] Title タグは、head の直接の子要素として、charset ステートメントの直後に設定する必要があります。

[必須] ファビコンはアクセス可能であることが保証されています。例:

[必須] Viewport 属性を指定する必要があります。

8. Pictures

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

[推奨] 重要な画像には alt 属性値を追加します。

[推奨]ページのジッターを回避するには、幅と高さの属性を追加します。

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

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

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

)。

#10. Button

[必須] button 要素を使用する場合は、type 属性値を指定する必要があります

11. Accessibility

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

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

12. マルチメディア##)

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

オーディオ形式: MP3、WAV、Ogg

ビデオ形式: MP4、WebM、Ogg

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

推奨チュートリアル: 「

HTML ビデオ チュートリアル

>>」

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