ホームページ >ウェブフロントエンド >htmlチュートリアル >html5 セマンティック タグ_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 11:31:591555ブラウズ

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

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

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

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

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

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。