各ブラウザには、サポートする HTML 要素のリストがあります。リストにない要素は未知の要素とみなされます。ブラウザーは、不明な要素に対してスタイルを設定しません (ブラウザーが異なれば、要素のデフォルト スタイルも異なります)。 IE9 より前のバージョンでは、不明な要素のスタイルを設定できません。不明な要素の DOM も正しく表示されず、IE は子要素のない空のノードを DOM に挿入します。この未知の要素の子であると考えられるすべての要素は、その兄弟になります。

この問題には解決策があります。IE がこの要素を認識し、CSS でのスタイルの設定をサポートする前に、js を使用して偽の記事要素を作成します。この偽の要素は DOM に挿入する必要さえありません。

次の例を参照してください:

しかし、頭に js 文を追加すると、状況はすぐに異なります。

すべての新しい HTML5 要素の偽のコピーを一度作成できるため、将来的に HTML5 を十分にサポートしないブラウザについて心配する必要はありません。 Remy Sharp の HTML5 有効化スクリプトは、これらのことを行うのに役立ちます。スクリプトの基本的な考え方は次のとおりです。

このスクリプトは Google Project Hosting でホストされています。このスクリプトに直接リンクできます: