css - 非セマンティック HTML5 ブラウザー (IE6-8) の適切なフォールバック アプローチはどれですか?

Question

Modernizr が使用されていない場合 (私は使用しています)、これらのうちどれが最適な共同ソリューションでしょうか?

現時点では、ソリューション 1 と最初の CSS オプションを使用しています。<aside>スタイル化できる HTML5 セマンティック タグとスタイル化できないタグ (それらをサポートするブラウザーで) がわからないため、スタイルはタグに追加されていません。

HTML 1) セマンティック → 除算

<aside role="complementary">
    <div id="right">
        ...
    </div>
</aside>

#right { ... }

また

aside #right { ... }

HTML 2) 分割 → セマンティック

<div id="right">
    <aside role="complementary">
        ...
    </aside>
</div>

#right aside { ... }

ありがとうございました。

Answer 1

最も簡単な方法は、IE 7 や 8 などの HTML5 より前に作成されたブラウザーで新しいセマンティック要素にスタイルを適用できる HTML5 shim が組み込まれているため、modernizr を含めることです。