コメント:ますます多くのサイトがHTML5タグを使用し始めていますが、現在の状況は、多くの人がまだIE6、IE7、およびIE8を使用していることです。すべての視聴者が正常にアクセスできるようにするために、次の2つのソリューションが利用可能です
ますます多くのサイトがHTML5タグを使用し始めていますが、現在の状況は、多くの人がまだIE6、IE7、およびIE8を使用していることです。すべての視聴者が正常にアクセスできるようにするために、ソリューションは次のとおりです。1. Webサイトの複数のテンプレートセットを作成し、プログラムを使用してユーザーエージェントを判断して、Youkuなどのさまざまなブラウザーユーザーに異なるページを表示します。
2。JavaScriptを使用して、HTML5をサポートしていないブラウザでサポートされているHTMLタグを作成します。
IEのより良い解決策はHTML5SHIVです。 HTNL5SHIVは、主にHTML5によって提案された新しい要素がIE6-8によって認識されないという問題を解決します。これらの新しい要素は、親ノードとしてラップすることはできず、CSSスタイルを適用することはできません。未知の要素にCSSスタイルを適用するには、document.createelment(elementName)を実行することで実現できます。 HTML5SHIVは、この原則に基づいて作成されます。
HTML5SHIVの使用は非常に簡単です。 IE9がHTML5をサポートしていることを考慮すると、次のコードをページヘッドに追加する必要があります。
<! - [if lt ie 9] - > <script src = ""> </script> <! - [endif] - >
HTML5SHIV公式ウェブサイト:
ここにいくつかの追加があります:
もちろん、私のブログを含む。 HTML5については、つまり言及する必要があります。 Apple、Google、Opera、Mozillaなどの主流のブラウザメーカーがHTML標準の新しいバージョンの策定と促進に積極的に参加したとき、MicrosoftはHTML 5仕様を軽視しました。しかし、Microsoftは最近、IEでHTML 5をサポートするため、IE8および以下はこれまでHTML5タグをサポートできないと述べました。しかし、SitePointでは、IEサポートHTML5を作成する方法を見つけました。
以下は、処理前のIE 8に表示される例です。
IE(IE6を含む)をHTML5要素をサポートするには、次のJavaScriptをHTMLヘッダーに追加する必要があります。これは、条件付きアノテーションを使用してIEのオブジェクトに対応するノードを作成する簡単な文書です。
<! - [ie]>
<スクリプト>
document.createelement( "header");
document.createelement( "footer");
document.createelement( "nav");
document.createelement( "article");
document.createelement( "section");
</script>
<![endif] - >
上記のコードを追加した後、IE8に表示される効果は次のとおりです。
SitePointの例でノードを作成するためのJavaScriptコードはあまりにも肥大化しているようであり、スモークマガジンで提供されるコードはより簡潔に思われます。
デモンストレーションは次のとおりです
<! - [ie]>
<スクリプト>
(function(){if(!/*@cc_on!@*/0)return; var e = "header、footer、nav、article、section" .split( '、')、i = e.length;
</script>
<![endif] - >
HTML5は、デフォルトでインライン要素として現れます。これらの要素をレイアウトするときは、次の例に示すように、CSSを使用してブロック要素に手動で変換する必要があります。
ヘッダー、フッター、NAV、セクション、記事{
表示:ブロック;
}