ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 - ブラウザのサポートの問題

HTML5 - ブラウザのサポートの問題

黄舟
リリース: 2017-02-27 16:03:11
オリジナル
1594 人が閲覧しました

Safari、Chrome、Firefox、Opera の最新バージョンは、一部の HTML5 機能をサポートしています。 Internet Explorer 9 は、特定の HTML5 機能をサポートします。

古いバージョンのブラウザでこれらの要素を正しく表示できるようにするには、CSS display 属性値を block:


header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
ログイン後にコピー


に設定できます。IE ブラウザの場合、 IE9 以下のブラウザを HTML5 要素と互換性を持たせるには、shiv ソリューションを使用できます:

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
ログイン後にコピー

またはローカル js ファイルを直接導入します

<!--[if lt IE 9]>
  <script src="html5shiv.min.js"></script>
<![endif]-->
ログイン後にコピー


html5shiv.js 参照コードは に配置する必要があります。要素 (IE のため) ブラウザは、新しい HTML5 要素を解析するときに、最初にこのファイルをロードする必要があります。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
  <!--[if lt IE 9]>
  <script src="html5shiv.min.js"></script>
  <![endif]-->
</head>
ログイン後にコピー


上記は HTML5 ブラウザーのサポートに関する問題の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注意ください。



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート