HTML5 - 新しいセマンティック要素の使用法と互換性

1. 新しいセマンティック要素:

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

• : はドキュメントのヘッダー領域を説明します、はコンテンツの導入表示領域を定義するために使用されます

• : を定義しますナビゲーションリンクの部分。

• : ドキュメント内のセクション（セクション、セクション）を定義します。たとえば、ドキュメントのセクション、ヘッダー、フッター、またはその他の部分、セクションには通常、コンテンツとそのタイトルのセットが含まれます。

• : 独立したコンテンツを定義します。

• <余談>: ページのメイン領域の外側のコンテンツ (サイドバーなど) を定義します。

• : タグは、独立したストリーム コンテンツ (画像、チャート、写真、コードなど) を指定します。

• : は

  要素のタイトル を定義します。
  

• <フッター>: ドキュメントの下部領域を説明します、フッターには通常、ドキュメントの作成者、著作権情報、リンクされた利用規約、連絡先情報などが含まれます。

Web ページでは、これらの新しいセマンティック タグ要素の位置は次のとおりです:

2. 新しい要素に関するブラウザの互換性の問題:

これらを作成するにはこの要素は、すべてのバージョンのブラウザで有効になります。スタイル シート ファイルにいくつかの属性を設定する必要があります (次のスタイル コードを使用すると、この章で紹介するブロック レベルの要素を古いブラウザでサポートできます)。

IE8 以前のバージョンでは、これらの要素に CSS 効果をレンダリングできないため、

、

、

、

、

、

は使用できません。 ;、

、またはその他の HTML5 要素を使用すると、この問題を解決できます:

header, section, footer, aside, nav, article, figure
{ 
    display: block; 
}

上記は、HTML5 の新しいセマンティック要素の使用法と互換性の内容です。その他の関連コンテンツ PHP 中国語 Web サイト (www.php.cn) にご注意ください。