HTMLにおけるiconの書き方
HTMLにおけるiconの書き方
<img>要素を使う。
多くのテンプレートで使われてる<i class=”icon-name”>というのはテンプレートとして使いやすくなる為であって、HTMLの文法的にはよろしくないというわけです。
もともと、デザインを変えようと思ったらCSSファイルではなく、HTMLのclass属性を変えなければならないというデザインテンプレートは好きじゃないんで、全く使ってないんですけどね。
あえてスタイルシートでアイコンを書くのであれば、:beforeかbakcground-imageの方が良いと思います。
a:before {
content: url( icon.png );
width: 14px;
height: 14px;
}