3

Webページの新しいレイアウトを設計しようとしていますが、この瞬間を利用してhtml5マークアップを実装したいと思いました。

私が最初に頭に浮かぶのは、セマンティック要素（nav、header、article ..）です。

http://caniuse.com/#feat=html5semanticを確認した後、IE8（およびそれ以下）が要素をサポートしていないことに気付きました。これはおそらく、一貫した結果を期待してセマンティック要素のスタイルを設定できないことを意味します。

このWebサイトは、IE7 / 8ブラウザーからかなりの量のトラフィックを受信して​​おり、続行する方法がわかりません。modernizrとhtml5shivについて聞いたのですが、最近の最高の基準がわかりません。

4

4 に答える 4

3

それらをスタイリングできます。HTML5shivまたはModernizrを実行するだけです。CSS を追加して、デフォルトでブロックすることもできます。

article, header, nav, section, footer
{
    display: block;
}
于 2012-07-26T10:13:30.347 に答える
3

クライアント側のスクリプトを使用しない限り、古いバージョンの IE に新しい要素を認識させる方法はありません。JavaScript 以外の使用は無視できると判断した場合は、他の回答で言及されているツールのいくつかを使用するか、自分で行うことができます。テクニックは奇妙ですが、ロケット科学ではありません。

 <script>
 document.createElement('nav');
 document.createElement('header');
 document.createElement('article');
 </script>

より堅牢な解決策は、新しい要素を使用することに加えて、 (または) 属性divを持つマークアップを使用することです。classid

 <nav><div="nav">...</div></nav>

のようなクラス (または ID) セレクターを使用してスタイルを設定します.nav。これは堅牢であり、また、nav. （具体的なメリットはこれまでに提示されたことはありませんが、何らかのメリットが現れる可能性があります。）

于 2012-07-26T10:38:48.557 に答える
2

HTML5 要素のスタイルを設定する方法だけを探しているので、HTML5Shiv を使用します (この目的のために特別に設計されています)。Modernizr には、さらに多くの機能が含まれています。使用しないもの（質問から判断）。

ご参考までに、ソース コードは次のとおりです: https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js

于 2012-07-26T10:14:43.957 に答える
1

あなたはそれらを使うことができます（そして使うべきですか？）。古いブラウザでもうまく表示されるようにするには、html5shiv をお勧めします。

http://code.google.com/p/html5shiv/

ここで使用しました: Midlands Health Network

于 2012-07-26T10:13:19.107 に答える