IE678との互換性がhtml5タグをサポートしていない問題を解決するいくつかの方法_html5チュートリアルスキル

html5が普及する時代が到来しました。まだブラウザーの互換性を待っている場合は、すでに Web に慣れていないことを意味します。もちろん、これはモバイル クライアントの開発が急成長しているためです。 HTML5 と CSS3 テクノロジーを習得すべきかどうかまだ迷っている場合は、自分の口を数回叩いてから、一生懸命勉強してください。フロントエンドのスプリングが到着しており、スプリングが複数あるためです。信じられないなら、私は「信じるか信じないか」としか言えません。
標準の html5 タグ構造を見てみましょう: (ここではタグについてだけ話します。他には何も関係しません)

コードをコピー

コードは次のとおりです:

gb2312">

;/section>







html5 タグの進歩 もちろん、そのセマンティクスはより直感的です。もちろん、これは html5 の進歩のほんの一滴にすぎず、「html5 の進歩は革新的だ、とは言わないでください。発展的なものです。」と言う人もいます。私はこの意見に同意しませんが、ある意味では確かに革命的です。ここでは本題から逸れるつもりはありませんが、ラベルについてだけ話しましょう。

もちろん、このような素晴らしいセマンティック タグに興奮しているときでも、「IE はそれをサポートしていますか?」と尋ねる必要があります。残念ながら、答えはノーです。すでに IE を怖がっている場合は、その終わりのない拷問に耐え続ける必要があります。 (IE9 と IE10 はすでに HTML5 と CSS3.0 と互換性があります)

しかし、幸運でなければなりません。あなたが住んでいるこの時代には天才がたくさんいます。誰かがすでにこの問題を解決しています。とはいえ、完璧とは言えません！
HTML5 タグをサポートしていない IE678 との互換性の問題を解決するためのいくつかの方法を見てみましょう:

1. javascript: document.createElenment("...")

IE678 がこれをサポートしない理由の 1 つは、IE678 がフッターを有効な HTML タグとして考慮していないことです。だったらそれをレーベルに「作ってしまえば」いいんじゃないでしょうか？最も直接的な方法は、もちろん、javascript を使用して作成することです: document.createElenment("...")!



コードをコピー

コードは次のとおりです: (function(){

var element=['header','footer','article','aside','section ',' nav','menu','hgroup','details','dialog','figure','figcaption'],

len=element.length

while(len--){
document.createElement(element[i])
}
})();


これは、IE678 でタグになることができるように、いくつかの典型的な html5 タグを作成するだけです。
誰かがすでに完全な js ファイルを作成しているので、次のようにインポートするだけです: