中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

IMage

IMG要素は、src属性で指定した画像を表示する、インライン要素。

• alt属性（画像の説明）を省略不可とします。
  • すべてのUAで画像を表示できるわけではありません。音声ブラウザ等ではalt属性の内容をを読み上げ、画像を表示できないブラウザでは画像の代わりにalt属性の内容が表示されます。
  • 背景や見出し、段落の修飾等ページの構成にIMG要素を使用使用する場合、音声ブラウザでalt属性の内容を読み上げると、かえって煩わしい場合があります。この様な場合、
    alt=""
    と記述しますが、ページの構成にはIMG要素を使用せず、スタイルシートを使用する方が、より実用的です。
• height/width属性を省略不可とします。
  • ブラウザは、テキスト部を先に読み込んでレイアウトを行い、その後、画像を読み込む毎に再度レイアウトを行い直します。
  • 画像のサイズが指定してあれば、予めそのスペースを考慮してレイアウトを行う事ができるので、迅速な表示が行える事に成ります。
  • アクセスカウンター等、サイズの不明なイメージは、一度表示をさせて、その部分を右クリックでプロパティを表示する事でサイズがわかります。
• 空要素です。

W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Transitional より

<!--=================== Images ===========================================-->
<!--
   To avoid accessibility problems for people who aren't
   able to see the image, you should provide a text
   description using the alt and longdesc attributes.
   In addition, avoid the use of server-side image maps.
-->
<!ELEMENT img EMPTY>
<!ATTLIST img
  %attrs;
  src         %URI;          #REQUIRED
  alt         %Text;         #REQUIRED
  name*       NMTOKEN        #IMPLIED
  longdesc    %URI;          #IMPLIED
  height      %Length;       #IMPLIED
  width       %Length;       #IMPLIED
  usemap      %URI;          #IMPLIED
  ismap       (ismap)        #IMPLIED
  align       %ImgAlign;     #IMPLIED
  border      %Length;       #IMPLIED
  hspace      %Pixels;       #IMPLIED
  vspace      %Pixels;       #IMPLIED  >

*name属性は XHTML-1.0-Strict 配下では使用できない属性です。

src         %URI;          #REQUIRED

画像ファイルの場所をURIで指定します。省略不可。

alt         %Text;         #REQUIRED

画像の説明を記述します。省略不可。

name        NMTOKEN        #IMPLIED

name属性は、Transitional DTDか Frameset DTD の配下にしか記述出来ません。省略可。

要素に識別名を付けます。name属性を使用する場合id属性が必須。属性の値は、id属性の値と同じです。省略可。

longdesc    %URI;          #IMPLIED

alt属性で画像の説明が説明出来ないくらい長い場合、説明用のページのURIを記述します。省略可。

height      %Length;       #IMPLIED

画像表示の高さを ｐｘ 、表示可能な領域の％ で示します。DTDでは省略可となっていますが、このサイトでは省略不可とします。

px値を指定する場合は、100pxと記述するのではなく、100と整数値で指定します。

width       %Length;       #IMPLIED

画像表示の巾を ｐｘ 、表示可能な領域の％ で示します。DTDでは省略可となっていますが、このサイトでは省略不可とします。

px値を指定する場合は、100pxと記述するのではなく、100と整数値で指定します。

usemap      %URI;          #IMPLIED

MAP要素 で使用しイメージマップのベースを指定します。値のURIは ”#MAP要素のid属性名” です。省略可。

ismap       (ismap)        #IMPLIED

画像をクリックした時の座標をCGIに送ります。詳細な使用方法は、使用できるかも含め、プロバイダにより違います。ご使用先のプロバイダの指定を参照して下さい。省略可。