html5 セマンティック タグ_html/css_WEB-ITnose

最近、コードの認識を向上させたいと思い、html5 のセマンティック タグについて学びました。

HTML5 は、多数の意味のない div タグを、より多くの意味論的に構造化されたコード タグに置き換えることができます。このセマンティクス機能は、Web ページの品質とセマンティクスを向上させるだけでなく、以前 CSS 呼び出しに使用されていた class 属性と id 属性も削減します。

HTML5 で一般的に使用される構造タグ: header、nav、body、article、section、side、hgroup、figure、figcaption、footer

は、新しい記事となる外部コンテンツを定義します。

タグは記事以外のコンテンツを定義し、記事のサイドバーとして使用できます。

タグは、Figure 要素のタイトルを定義します。

タグは要素をグループ化するために使用され、figcaption 要素は要素のグループにタイトルを追加するために使用されます。

タグはセクションまたはドキュメントのフッターを定義します。

タグはドキュメントのヘッダーを定義します。

タグは、セクションまたは Web ページのタイトルをグループ化するために使用され、figcaption 要素を使用して要素グループにタイトルを追加します。

タグはナビゲーションリンク部分を定義します。

ドキュメント内のセクション (セクション、セクション) を定義します。章、ヘッダー、フッター、文書のその他の部分など。

タグは日付または時刻、あるいはその両方を定義します。

れー