ホームページ > 記事 > ウェブフロントエンド > IE8はHTML5をサポートしていますか?
ie8 は html5 をサポートしていません。ie8 に html5 をサポートさせたい場合は、1. Google の html5.js ファイルを参照し、head タグの間にコードを記述する、2. 「while (」を追加する、の 2 つの方法があります。 i --){document.createElement(e[i])}" コード実装は HTML5 要素をサポートします。
#このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。
ie8 は html5 をサポートしていますか?
いいえ。
ただし、IE (ie6/ie7/ie8) で HTML5 要素をサポートするには、次の JavaScript を HTML ヘッダーに追加します。これは、条件付きコメントを使用してこの js ファイルを呼び出す単純な document.createElement ステートメントです。つまり。 Opera、FireFox、およびその他の IE 以外のブラウザはこのコードを無視し、http リクエストは行われません。
方法 1: Google の html5.js ファイルを引用します。コードの内容をダウンロードして自分で読むことができます。
<!–[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]–>
上記のコードをheadタグ区間に入れる
方法2: 自分でJSをコーディングして行う。
<script> (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', '); var i= e.length; while (i--){ document.createElement(e[i]) } })() </script>
上記のどの方法を使用する場合でも、これらのタグを div と同様にブロック要素にするために、CSS で次の内容を定義することを忘れないでください。
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
推奨学習: 「HTML5 ビデオ チュートリアル 」
以上がIE8はHTML5をサポートしていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。