new »

HTMLにおけるiconの書き方

Posted by dab | 2013年5月23日 木曜日 10:02:06 < コンピュータ >

HTMLにおけるiconの書き方

<img>要素を使う。

http://www.w3.org/TR/html5/embedded-content-0.html#a-short-phrase-or-label-with-an-alternative-graphical-representation:-icons,-logos

多くのテンプレートで使われてる<i class=”icon-name”>というのはテンプレートとして使いやすくなる為であって、HTMLの文法的にはよろしくないというわけです。

もともと、デザインを変えようと思ったらCSSファイルではなく、HTMLのclass属性を変えなければならないというデザインテンプレートは好きじゃないんで、全く使ってないんですけどね。

あえてスタイルシートでアイコンを書くのであれば、:beforeかbakcground-imageの方が良いと思います。

a:before {
content: url( icon.png );
width: 14px;
height: 14px;
}
TrackBack URI : http://home.wi-wi.jp/blog/wp-trackback.php?p=1592

Leave a comment

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad:

new »