この要素は、文書中の指定した位置に画像を配置します。この要素は、要素としての内容をもたない空要素で、通常は「src」属性で指定した画像にインラインで置き換えられます。「align」属性が指定されている場合には、右揃え・左揃えなどされて画像に文字が回り込んで表示されます。画像を配置するためには、OBJECT要素を使用することもできます。
例えば、各項目の前にアクセントとして青い球形の画像を配置するような場合は、「alt="青い玉"」などと指定するよりは「alt=""」として空文字を指定するべきです。（さらに、このような場合には、IMG要素ではなくスタイルシートを使用してください。） また、「alt="ダミー文字"」のような意味のない言葉を使用しないようにしてください。
・onclick = スクリプト (CT)
ondblclick = スクリプト (CT)
onmousedown = スクリプト (CT)
onmouseup = スクリプト (CT)
onmouseover = スクリプト (CT)
onmousemove = スクリプト (CT)
onmouseout = スクリプト (CT)
onkeypress = スクリプト (CT)
onkeydown = スクリプト (CT)
onkeyup = スクリプト (CT)
<!-- 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 --
>
<IMG src="zspclogo.gif" alt="ZSPCトップページ" longdesc="ZSPCトップページへ戻る" width="200" height="90">
この要素は、他の要素（IMG要素・OBJECT要素・INPUT要素）から「usemap」属性で指定される、クライアントサイドのイメージマップを設定します。イメージマップ上のユーザーの操作に反応する領域を設定するには、AREA要素を使う方法とブロックレベル要素の中にA要素を入れて指定する方法があります。両方を指定しておくと、古いブラウザではAREA要素の領域指定を利用し、A要素での領域指定に対応したブラウザではAREA要素を無視します。文書をよりアクセシブルにするためにも、A要素を利用するようにしてください。
・onclick = スクリプト (CT)
ondblclick = スクリプト (CT)
onmousedown = スクリプト (CT)
onmouseup = スクリプト (CT)
onmouseover = スクリプト (CT)
onmousemove = スクリプト (CT)
onmouseout = スクリプト (CT)
onkeypress = スクリプト (CT)
onkeydown = スクリプト (CT)
onkeyup = スクリプト (CT)
<!ELEMENT MAP - - ((%block;) | AREA)+ -- client-side image map -->
<!ATTLIST MAP
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #REQUIRED -- for reference by usemap --
>
以下の例では、MAP要素内の文字によるリンクは、OBJECT要素が利用できない状態の時にのみ表示されます。
<OBJECT data="navbar.gif" type="image/gif" usemap="#map01">
<MAP name="map01">
<A href="index.html" shape="rect" coords="0,0,60,20">ホーム</A> |
<A href="cnt.html" shape="rect" coords="80,0,140,20">目次</A> |
<A href="intro.html" shape="rect" coords="160,0,220,20">はじめに</A>
</MAP>
</OBJECT>
以下の例では、MAP要素内の文字によるリンクは常に表示されます。
<OBJECT data="navbar.gif" type="image/gif" usemap="#map01">
</OBJECT>
・・・・・
<MAP name="map01">
<A href="index.html" shape="rect" coords="0,0,60,20">ホーム</A> |
<A href="cnt.html" shape="rect" coords="80,0,140,20">目次</A> |
<A href="intro.html" shape="rect" coords="160,0,220,20">はじめに</A>
</MAP>
以下の例では、AREA要素を使用してイメージマップを定義しています。
<OBJECT data="navbar.gif" type="image/gif" usemap="#map01">
</OBJECT>
・・・・・
<MAP name="map1">
<AREA href="index.html" alt="ホーム" shape="rect" coords="0,0,60,20">
<AREA href="cnt.html" alt="目次" shape="rect" coords="80,0,140,20">
<AREA href="intro.html" alt="はじめに" shape="rect" coords="160,0,220,20">
</MAP>
この要素はMAP要素内で使用され、クライアントサイドのイメージマップ上に、ユーザーの操作に反応する特定の領域を設定します。この要素は特に要素の内容を持たない空要素ですので、この要素を使用した場合は、MAP要素には表示される内容が何もないことになります。したがって、必ず「alt」属性を指定して各領域に関する文字情報をつけなければなりません。この要素を使用して設定した複数の領域が重なっている場合には、先に定義された領域が優先されます。
・onfocus = スクリプト (CT)
onblur = スクリプト (CT)
onclick = スクリプト (CT)
ondblclick = スクリプト (CT)
onmousedown = スクリプト (CT)
onmouseup = スクリプト (CT)
onmouseover = スクリプト (CT)
onmousemove = スクリプト (CT)
onmouseout = スクリプト (CT)
onkeypress = スクリプト (CT)
onkeydown = スクリプト (CT)
onkeyup = スクリプト (CT)
<!ELEMENT AREA - O EMPTY -- client-side image map area -->
<!ATTLIST AREA
%attrs; -- %coreattrs, %i18n, %events --
shape %Shape; rect -- controls interpretation of coords --
coords %Coords; #IMPLIED -- comma separated list of lengths --
href %URI; #IMPLIED -- URI for linked resource --
nohref (nohref) #IMPLIED -- this region has no action --
alt %Text; #REQUIRED -- short description --
tabindex NUMBER #IMPLIED -- position in tabbing order --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
>
<OBJECT data="navbar.gif" type="image/gif" usemap="#map01">
</OBJECT>
・・・・・
<MAP name="map1">
<AREA href="index.html" alt="ホーム" shape="rect" coords="0,0,60,20">
<AREA href="cnt.html" alt="目次" shape="rect" coords="80,0,140,20">
<AREA href="intro.html" alt="はじめに" shape="rect" coords="160,0,220,20">
</MAP>
この要素は、文書中に様々なオブジェクトを取り込むための汎用的な要素です。ここで言うオブジェクトとは、画像、アプレット、動画、他のHTML文書などを指します。ブラウザが、指定されたオブジェクトを取り扱うことができる場合は、要素の内容は評価（表示）されません。ただし、PARAM要素で指定された初期値やMAP要素などは評価されます。ブラウザが指定されたオブジェクトを取り扱うことができない場合にのみ、要素内容が評価されます。この要素は入れ子にすることができますので、使いたい形式のオブジェクトから順に入れ子にしておくことで、ブラウザが取り扱い可能な最も外側のオブジェクトを採用することができます。この要素は、HEAD要素内で使用することもできますが、その場合は要素内容を含まないようにしてください。
・onclick = スクリプト (CT)
ondblclick = スクリプト (CT)
onmousedown = スクリプト (CT)
onmouseup = スクリプト (CT)
onmouseover = スクリプト (CT)
onmousemove = スクリプト (CT)
onmouseout = スクリプト (CT)
onkeypress = スクリプト (CT)
onkeydown = スクリプト (CT)
onkeyup = スクリプト (CT)
<!ENTITY % flow "%block; | %inline;">
<!ELEMENT OBJECT - - (PARAM | %flow;)* -- generic embedded object -->
<!ATTLIST OBJECT
%attrs; -- %coreattrs, %i18n, %events --
declare (declare) #IMPLIED -- declare but don't instantiate flag --
classid %URI; #IMPLIED -- identifies an implementation --
codebase %URI; #IMPLIED -- base URI for classid, data, archive--
data %URI; #IMPLIED -- reference to object's data --
type %ContentType; #IMPLIED -- content type for data --
codetype %ContentType; #IMPLIED -- content type for code --
archive CDATA #IMPLIED -- space-separated list of URIs --
standby %Text; #IMPLIED -- message to show while loading --
height %Length; #IMPLIED -- override height --
width %Length; #IMPLIED -- override width --
usemap %URI; #IMPLIED -- use client-side image map --
name CDATA #IMPLIED -- submit as part of form --
tabindex NUMBER #IMPLIED -- position in tabbing order --
>
以下の例は、JAVAアプレットを配置します。
<OBJECT classid="java:abc.class">
</OBJECT>
以下の例では、MPEGの動画を表示できる場合はMPEG動画で、それができない場合はGIFのアニメーションで、それも表示できない場合は文字で表示されます。
<OBJECT data="zoea.mpeg" type="application/mpeg">
<OBJECT data="zoea.gif" type="image/gif">
モクズガニのゾエア幼生の遊泳
</OBJECT>
</OBJECT>
以下の例では、イメージマップが表示できない場合には、文字によるリンクを表示します。
<OBJECT data="navbar.gif" type="image/gif" usemap="#map01">
<MAP name="map01">
<A href="index.html" shape="rect" coords="0,0,60,20">ホーム</A> |
<A href="cnt.html" shape="rect" coords="80,0,140,20">目次</A> |
<A href="intro.html" shape="rect" coords="160,0,220,20">はじめに</A>
</MAP>
</OBJECT>
以下の例では、まずdeclare属性を指定してオブジェクトの宣言のみを行い、後のリンク部分をクリックすることによって動画が再生されるように設定しています。
<OBJECT declare id="zoea.declaration" data="zoea.mpeg" type="application/mpeg">
モクズガニのゾエア幼生の遊泳
</OBJECT>
・・・・・・
<A href="#zoea.declaration">ゾエア幼生の遊泳の動画</A>
この要素は、HTML文書中にJAVAアプレットを配置したい場合に使用するものです。要素の内容には、この要素をサポートしていないブラウザやJAVAを使用しない設定にしている場合に、JAVAアプレットの代わりに表示する情報を記述します。そのような用途の他は、要素の内容（PARAM要素で指定された初期値以外）は無視されます。この要素は廃止される予定で、代わりに汎用的なOBJECT要素を使用することが推奨されています。
<!ENTITY % flow "%block; | %inline;">
<!-- One of code or object attributes must be present. Place PARAM elements before other content. -->
<!ELEMENT APPLET - - (PARAM | %flow;)* -- Java applet -->
<!ATTLIST APPLET
%coreattrs; -- id, class, style, title --
codebase %URI; #IMPLIED -- optional base URI for applet --
archive CDATA #IMPLIED -- comma separated archive list --
code CDATA #IMPLIED -- applet class file --
object CDATA #IMPLIED -- serialized applet file --
alt %Text; #IMPLIED -- short description --
name CDATA #IMPLIED -- allows applets to find each other --
width %Length; #REQUIRED -- initial width --
height %Length; #REQUIRED -- initial height --
align %IAlign; #IMPLIED -- vertical or horizontal alignment --
hspace %Pixels; #IMPLIED -- horizontal gutter --
vspace %Pixels; #IMPLIED -- vertical gutter --
>
<APPLET code="zoea.class" width="360" height="200">
JAVAによるゾエア幼生の遊泳の再現
</APPLET>
この要素は、オブジェクトが実行される時に必要となる値を指定します。この要素は、OBJECT要素かAPPLET要素の内容の最初の部分に位置しなければなりませんが、任意の個数を任意の順序で配置することができます。
<!ELEMENT PARAM - O EMPTY -- named property value -->
<!ATTLIST PARAM
id ID #IMPLIED -- document-wide unique id --
name CDATA #REQUIRED -- property name --
value CDATA #IMPLIED -- property value --
valuetype (DATA|REF|OBJECT) DATA -- How to interpret value --
type %ContentType; #IMPLIED -- content type for value when valuetype=ref --
>
<OBJECT classid="java:abc.class" codetype="application/java" width="100" height="100">
<PARAM name="fgcolor" value="gray" valuetype="data">
<PARAM name="bgcolor" value="white" valuetype="data">
</OBJECT>