ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 - 新しいセマンティック要素の使用法と互換性

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

黄舟
黄舟オリジナル
2017-02-27 15:55:331753ブラウズ

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

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


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

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

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

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

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

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

  • 614eb9dc63b3fb809437a716aa228d24: は 24203f2f45e6606542ba09fd2181843a 要素のタイトル を定義します。

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

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


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

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


IE8 以前のバージョンでは、これらの要素に CSS 効果をレンダリングできないため、1aa9e5d373740b65a0cc8f0a02150c53、2f8332c8dcfd5c7dec030a070bf652c3、c37f8231a37e88427e62669260f0074d、15221ee8cba27fc1d7a26c47a001eb9b、c787b9a589a3ece771e842a6176cf8e9、23c3de37f2f9ebcb477c4a90aac6fffd は使用できません。 ;、24203f2f45e6606542ba09fd2181843a、またはその他の HTML5 要素を使用すると、この問題を解決できます:


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

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


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