画像の表示方法には、imgタグを使用する方法とCSSを使用する方法があります。(他にもあります。)
で、「どっちの方法で表示すべき?」ってな感じで結構迷うことがあります。
こういうとき自分は、
1. 単純にテキストを画像化したもの
2. 地図や写真など画像でなければいけないもの
に分類して考えます。
1でよくあるのは、グローバルナビゲーションのボタンや、見出し部分ですよね。
こういうのをimg タグで実現してしまうと、「デザインのためにHTMLを使用」することになってしまうので、CSSで実現するほうがよいでしょう。
[HTML]
<h2><img src="midashi.jpg" alt="見出し"></h2>
よりも
[HTML]
<h2>見出し</h2>
[CSS]
h2 {
background: url("midashi_img.jpg") no-repeat;
height: 20px;
text-indent: -9999px;
width: 300px;
}
の方がGood!(プロパティの値は適当です。)
というわけで、HTMLについてなんか書かなければと思って書いたネタでした。。。
PR
トラックバック
トラックバックURL: