HTML5 - ブラウザのサポートの問題-H5 チュートリアル-php.cn

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

黄舟

リリース： 2017-02-27 16:03:11

オリジナル

1521 人が閲覧しました

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 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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