ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5ブラウザのサポート

HTML5ブラウザのサポート

(*-*)浩
(*-*)浩オリジナル
2019-10-23 15:47:352325ブラウズ

古いブラウザによる HTML5 の処理を​​支援できます。

HTML5ブラウザのサポート

#HTML5 ブラウザのサポート

最新のブラウザはすべて HTML5 をサポートしています。 (推奨学習:

html チュートリアル )

さらに、新旧を問わずすべてのブラウザーは、認識されない要素を自動的にインライン要素として扱います。

このため、古いブラウザが「不明な」HTML 要素を処理できるようにすることができます。

注: Stone Age IE6 に未知の HTML 要素の処理方法を教えることもできます。

HTML5 要素をブロックレベル要素として定義する

HTML5 では、8 つの新しいセマンティック HTML 要素が定義されています。すべてはブロックレベルの要素です。

CSS 表示プロパティをブロックに設定して、古いブラウザで正しい動作を保証できます。

Example

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

Ask HTML Adding New要素

ブラウザのテクニックを使用して、HTML に新しい要素を追加できます:

この例では、523a75af872c9b7da9495f252f14cbcb という名前の新しい要素を HTML に追加し、その表示スタイルを定義します。

インスタンス

<!DOCTYPE html>
<html>
<head>
  <title>Creating an HTML Element</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  } 
  </style> 
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<myHero>My First Hero</myHero>
</body>
</html>

以上がHTML5ブラウザのサポートの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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