画像の扱い

意味のある画像：HTMLに <img> で指定、altを記述せねばならない

意味のない画像：CSSに {background} として指定

HTMLに<img>指定をする場合

altに記述する内容は？

…そもそものaltの役割とは、

画像を表示しないブラウザの場合、画像の代わりにこのテキストが表示されます。

音声ブラウザの場合、画像の代わりにこのテキストが読まれます。

画像の読み込みが完了するまでの間、その部分にこのテキストが表示されます

検索エンジンによっては、このテキストが検索対象に含まれる場合があるようです。

一部のブラウザでは、マウスでポイントした時にこのテキストが数秒間表示されます。

（http://www.tagindex.com/html_tag/img/img_alt.htmlより引用）

→つまり画像を見る事の出来ない人／機械に対してその画像をテキストを用いて表現するためのもの

　それゆえ、会社のロゴマーク画像を表示する際は <alt=”ロゴ画像”> でなく <alt=”○○株式会社”> と記述する。

CSSに{background}指定をする場合

ex {background: #*** url(*****.jpg) no-repeat fixed left bottom;}

→{background: color / image / repeat / attachment / position(x) / position(y) ;}

background-color：背景色。デフォルトは透明。
background-image：画像指定。デフォルトは画像なし。
background-repeat：背景画像の繰り返し。デフォルトはrepeat。
→値：repeat 縦横へ / repeat-x x軸方向へ / repeat-y y軸方向へ / no-repeat 繰り返しなし
background-attachment：スクロール時の画像の表示方法。デフォルトはscroll。
→値：scroll スクロールで画像も移動 / fixed スクロールしても画像の位置は固定
background-position：背景画像の表示箇所の始点の指定。デフォルトはtop(x) left(y)。
→xの値：left / right /
→yの値：top / bottom / center