忍者ブログ
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。


2017/03/25 22:27 |
画像の表示をタグでやるかCSSでやるか

画像の表示方法には、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

2008/05/01 01:32 | Comments(0) | TrackBack(0) | HTML

| HOME |
忍者ブログ[PR]