IE で HTML5_html5 をサポートする方法のチュートリアル スキル

HTML5タグを使い始めているサイトが増えてきていますが、まだIE6、IE7、IE8を使っている人が多いのが現状です。すべてのブラウザに通常のアクセスを許可するには、次の 2 つの解決策があります:

1. Web サイト用に複数のテンプレート セットを作成し、プログラムを使用してユーザー エージェントを判断し、ブラウザごとに異なるコンテンツを表示します。ページ、例: Youku.com。

2. JavaScript を使用して、HTML5 をサポートしていないブラウザが HTML タグをサポートできるようにします。

IE のより良いソリューションは html5shiv です。 htnl5shiv は主に、HTML5 で提案された新しい要素が IE6-8 で認識されず、子要素をラップする親ノードとして使用できず、CSS スタイルを適用できないという問題を解決します。 CSS スタイルを不明な要素に適用するには、単純に document.createElement(elementName) を実行します。 html5shiv はこの原則に基づいて作成されました。

html5shiv の使用は非常に簡単で、IE9 が html5 をサポートしていることを考慮すると、ページの先頭に次のコードを追加するだけです:

コードをコピーします

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

*{マージン:0;パディング:0;} ボディ {背景色:白; テキスト整列:中央;} ヘッダー、フッター、ナビゲーション、セクション、記事 {display:block;} ヘッダー {幅:100%; 背景色:黄色;} ナビゲーション {幅:30%; 背景色:オレンジ; フロート:左;} セクション {幅:65%; 浮動小数点:右;} 記事 {幅:70%; 背景色:ターコイズ;} フッター {幅:100%; クリア:両方;}

こんにちは

メニュー

セクション

記事 1

記事 2

フッター

ヒント:

を実行する前にコードの一部を変更できます。コードをコピー

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

HTML5 はデフォルトで動作しますこれらの要素をレイアウトするには、次の例のように CSS を使用してブロック要素に手動で変換する必要があります:

コードをコピー

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

header、footer、nav、section、article {
display:block;