2011年10月12日水曜日

IE対応のHP HTML5/CSS3

これからのホームページは、HTML5/CSS3による作成が本流となるようですが、現状は、IE(インターネット エクスプローラ)が出遅れているので、HTML5/CSS3を使用する場合には、取りあえず以下の対策を採ります。

  1. headタグ内に以下のjavascriptを挿入して、全体としてhtml5対応に準拠
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
    詳細
  2. 角丸表示有効化のために当該CSSの指定に「behavior: url(./PIE.htc);」を追記する。また、ファイル「PIE.htc」を以下よりダウンロードし、サーバーにアップロードしておく。(参考までながら、この機能は、4隅が角丸の場合のみ有効で、例えば、左上、右上のみの角丸には無効)

    詳細

J-NETの格安ホームページには、上記の処置をして、HTML5/CSS3でサイトが作成されています。