1

私は基本的に HTML5 のセマンティック要素をサポートする Web ページを作成したいのですが、HTML5 要素に注意を払わないブラウザーの場合、どうすればよいですか?

たとえば<section></section>、最新のブラウザーで注目されているものを使用したいのですが、誰かが古いブラウザーで私のサイトにアクセスした場合に SECTION の代わりに DIV を表示するにはどうすればよいでしょうか?

次のコードを使用しようとしましたが、これは Internet Explorer でのみ役に立ちますが、他のブラウザーは嫌いですか?

<section class="main">
  <!--[if IE]>
  <div  class="main-ie"> Only displayed only in IE .</div>
  <![endif]-->
</section>

助言がありますか?

4

4 に答える 4

2

HTML5 Shiv は、従来の Internet Explorer で HTML5 セクション要素を使用できるようにし、Internet Explorer 6 ~ 9、Safari 4.x (および iPhone 3.x)、および Firefox 3.x に基本的な HTML5 スタイルを提供します。

<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
于 2013-03-29T13:46:03.627 に答える
1

この問題を回避する優れた方法は、JavaScript ポリフィル ライブラリModernizrを含めることです。これにより、HTML5 要素が古いバージョンの IE で機能するようになります。そうすれば、古い IE がなくなるまで待つのではなく、今すぐ HTML5 セマンティック タグを使い始めることができます ;)

于 2013-03-29T13:44:35.373 に答える
1

IE 用のこの小さなスクリプトを含めることができます。

(function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()

を使用すると、IE は新しい要素とカスタム要素を理解しますdocument.createElement

参照: http://css-tricks.com/snippets/javascript/make-html5-elements-work-in-old-ie/

于 2013-03-29T13:46:53.723 に答える
0

このコードを head タグ IE ブラウザ サポート HTML5 タグに挿入し、

 <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://www.toyotapriusprojects.com/wp-content/themes/html5/lib/js/innershiv.min.js"></script>
        <![endif]-->  
于 2013-03-29T13:45:39.737 に答える