IEをHTML5に対応させる方法

HTML5 は 2022 年にリリースされる予定ですが、html5gallery には HTML5 を使用している多数のサイトがリストされており、もちろん私のブログも含まれているため、それはそれほど遠くないことだと思います。 HTML5 に関しては、IE について触れなければなりません。Apple、Google、Opera、Mozilla などの主流ブラウザ メーカーは、HTML 標準の新しいバージョンの策定と推進に積極的に参加していますが、Microsoft は HTML 5 仕様を否定しています。ただし、Microsoft は、IE で HTML 5 をサポートすると発表したばかりです。現時点では、IE8 以前は HTML5 タグをサポートできません。しかし、サイトポイントで IE に HTML5 をサポートさせる方法を見つけました。

以下は、処理前の IE 8 で表示される例です:

IE (IE6 を含む) で HTML5 要素をサポートするには、次の JavaScript を HTML ヘッダーに追加する必要があります。これは、単純な document.createElement ステートメントです。条件付きアノテーションは、IE のオブジェクト内に対応するノードを作成します。

上記のコードを追加すると、IE8 で表示される効果は次のようになります。

サイトポイントの例でノードを作成するための JavaScript コードは膨大すぎるように見えますが、smarshingmagazine で提供されているコードはより簡潔であるようです。
デモ: http://blog.gulu77.com/demo/200908/html5_demo3.html

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


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

上記は、IE を HTML5 にサポートする方法の内容です。その他の関連記事については、PHP 中国語に注目してください。ウェブサイト (www.php .cn)!