ホームページ > 記事 > ウェブフロントエンド > HTML5のタグと共通ルールとは何ですか? html5のタグとルールの紹介
HTML5のタグと共通ルールとは何ですか? html5のタグとルールの紹介
- 不言オリジナル
- 2018-08-09 15:24:492176ブラウズ
この記事では、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 はアクセス可能であることが保証されています。例: eb8b05fa799a70a29c3eb6974a8ca0c3
[必須] Viewport 属性を指定する必要があります。
8. Pictures
【推奨】重要な画像にはalt属性値を追加してください。
[推奨]ページの揺れを避けるために幅と高さの属性を追加します。
9. コントロールのタイトル
<label><input type="checkbox"name="confirm" value="on"> 我已确认上述条款</label>或<labelfor="user">用户：</label><inputtype="text" name="user" id="user">
10. ボタン[必須] ボタンを使用する場合は、type 属性値を指定する必要があります。 element
11 . アクセシビリティ
[推奨] コンテンツ タイプに応じて入力ボックスの type 属性を指定します。例: 6e290236d7c77fdce98cb15bf0dfeea2
12. マルチメディア
オーディオ形式: MP3、WAV、Ogg
ビデオ形式: MP4、WebM、Ogg
13. コメント
[必須] CSS および JavaScript コードに詳細なコメントを作成する必要があります。ページまたはモジュール
関連する推奨事項:
HTML5 ページ構造の変更とタグの追加と削除の概要 HTML5 の div タグのサンプル コード
以上がHTML5のタグと共通ルールとは何ですか? html5のタグとルールの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。