img要素
w3cのhtml4.01strictより要素を抜き出しています。日本語訳ではありません。
補足は独自意見ですので参考程度でご覧ください。
img
イメージの埋め込み(空要素)。
- 開始タグ
- 省略不可
- 終了タグ
- 不許可
- 包含要素
- なし(EMPTY)
- 属性
- %attrs;とsrc,alt,longdesc,name,height,width,usemap,ismap
- 補足
- srcとaltは必須です。単なる装飾の画像のaltはalt=""とする。
<!--=================== Images ===========================================-->
<!-- Length defined in strict DTD for cellpadding/cellspacing -->
<!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->
<!ENTITY % MultiLength "CDATA" -- pixel, percentage, or relative -->
<![ %HTML.Frameset; [
<!ENTITY % MultiLengths "CDATA" -- comma-separated list of MultiLength -->
]]>
<!ENTITY % Pixels "CDATA" -- integer representing length in pixels -->
<!-- To avoid problems with text-only UAs as well as
to make image content understandable and navigable
to users of non-visual UAs, you need to provide
a description with ALT, and avoid server-side image maps -->
<!ELEMENT IMG - O EMPTY -- Embedded image -->
<!ATTLIST IMG
%attrs; -- %coreattrs, %i18n, %events --
src %URI; #REQUIRED -- URI of image to embed --
alt %Text; #REQUIRED -- short description --
longdesc %URI; #IMPLIED -- link to long description
(complements alt) --
name CDATA #IMPLIED -- name of image for scripting --
height %Length; #IMPLIED -- override height --
width %Length; #IMPLIED -- override width --
usemap %URI; #IMPLIED -- use client-side image map --
ismap (ismap) #IMPLIED -- use server-side image map --
>
<!-- USEMAP points to a MAP element which may be in this document
or an external document, although the latter is not widely supported -->
src = uri [CT](データの形式による。uriは大文字と小文字は識別すると思われます。-要出典-)
必須の属性。省略不可。画像リソースの所在を指定。GIF、JPEG、PNGなど。
alt = text [CS](大文字と小文字は異なるものとして解釈する)
必須の属性。省略不可。代替テキスト。画像(フォーム、アプレットを含む)を表示できないユーザエージェント用に代替テキストを指定する。代替テキストの言語は、lang属性で指定する。
longdesc = uri [CT](データの形式による。uriは大文字と小文字は識別すると思われます。-要出典-)
alt属性を補完する画像の長文の説明文のリンクを示す。直接説明文を記述するのではない。対応ブラウザが少ない(Operaは対応)。
name = cdata [CI](大文字と小文字は同じものとして解釈する)
スタイルシートやスクリプトから参照できるように名前を付ける。注意-後方互換のためにありアプリケーションはid属性を使用すべきである。非推奨にはなっていないがid属性で置き換えたほうが良い。DreamWeaverなどのソフトを使用してid属性を記述するとname属性とid属性を同時に記述する場合がある。
height = length[CN]
イメージとオブジェクトの高さを上書きする。値は数値単位のない場合はピクセル。%の場合は%の単位が必要。画像が読み込まれなかった場合指定された高さを確保する場合としない場合ブラウザにより対応が違う。
width = length[CN]
heightと同様
usemap = uri [CT](データの形式による。uriは大文字と小文字は識別すると思われます。-要出典-)
イメージマップ使用時指定する。map要素のname属性と一致させる。
ismap
サーバーサイドイメージマップ。a要素と共に使用しサーバーにクリックされたx座標とy座標が送信される。
<P><A href="http://www.acme.com/cgi-bin/competition">
<IMG src="game.gif" ismap alt="target"></A>
この例で、ユーザがx=10でy=27の地点をクリックしたときURIは「http://www.acme.com/cgi-bin/competition?10,27」である。P要素の終了タグがないのが気になるが