Tbpgr Blog

元エンジニア 人事 tbpgr(てぃーびー) のブログ

HTML | 条件付きコメント

概要

IE独自拡張の条件付きコメント

詳細

主に、複数バージョンのIEへの対応のために利用すコメントです。

<!--[if 条件式 ]>
   中身
<![endif]-->

サンプル

IEのみ対象
<!--[if IE ]>
   <p>IE Only</p>
<![endif]-->
IE6のみ対象
<!--[if IE 6 ]>
   <p>IE6 Only</p>
<![endif]-->
IE以外のみ対象
<![if !IE ]>
   <p>Not IE</p>
<![endif]>

上記記法はHTMLの文法エラーとなるため、構成によってはそのまま記載出来ない。
(例えばTapestryのtmlで利用した場合にhtmlの文法エラーとして判定されてしまう)
その場合は下記のように記載することで回避出来る。

<!--[if !IE ]><!-->
   <p>Not IE</p>
<!--<![endif]>-->

特定のバージョン以降を対象(例はIE6以降)

<!--[if IE gte 6 ]>
   <p>IE6 grater than or equals</p>
<![endif]-->

特定のバージョンより先を対象(例はIE6より先=IE7以上)

<!--[if IE gt 6 ]>
   <p>IE6 grater than</p>
<![endif]-->

特定のバージョン以降を対象(例はIE9以下)

<!--[if IE lte 9 ]>
   <p>IE9 less than or equals</p>
<![endif]-->

特定のバージョンより先を対象(例はIE9未満)

<!--[if IE lt 9 ]>
   <p>IE9 less than</p>
<![endif]-->