HTML5の基本的なセマンティクス

HTML5 セマンティック要素

セマンティック = 意味。

セマンティック要素 = 要素の意味。

セマンティック要素とは?

セマンティック要素は、ブラウザーと開発者に対してその意味を明確に説明できます。 < div > のような要素はセマンティックのない要素です。セマンティック要素の例: < form >、< table> - 要素が何を表すかを明確に説明します。

ブラウザによるセマンティック要素のサポート

Internet Explorer 9 以降、Firefox、Chrome、Safari、Opera はセマンティック要素をサポートしています。

注: Internet Explorer 8 およびそれ以前の IE バージョンは、このセマンティック要素をサポートしていません

多くの既存の Web サイトには、次の HTML コードが含まれています: < div id="nav" > またはナビゲーション リンク、ヘッダー、および

HTML5 は、Web ページのさまざまな部分を明確にするための新しいセマンティック要素を提供します。余談 >

<図キャプション >

<図 >

章、ヘッダー、フッター、文書のその他の部分など。

<article> タグは独立したコンテンツを定義します。

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

<side> タグは、ページのメイン領域外のコンテンツ (サイドバーなど) を定義します。

<header>要素はドキュメントの下部領域を記述します

<チャート、写真、コードなど)。