携帯対応HTML/XHTMLタグイメージモジュール
- img〔画像の埋め込み〕
img
画像の埋め込み
2009/11/23
<img src="" alt="">
<img src="" alt="" />
<img src="" alt="" />
[iモード対応HTML Ver1.0] [iモード対応XHTML Ver1.0]
［au XHTML］
[SoftBank HTML] [SoftBank XHTML]
img要素は、画像の埋め込みを表すインライン要素です。
空要素のためXHTMLでは<img />のように記述します。
属性
docomo
| 属性 | iモード対応 HTMLバージョン |
iモード対応 XHTMLバージョン |
説明 | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| src="%URI" | 1.0 | 1.0 | 画像のURLを指定。 | ||||||||||
| width="%Length" | 1.0 | 1.0 | 画像の幅を指定。 | ||||||||||
| height="%Length" | 1.0 | 1.0 | 画像の高さを指定。 | ||||||||||
| alt="%Text" | 1.0 | 1.0 | 画像の代替テキストを指定。 | ||||||||||
| align="%ImgAlign" | 1.0 | - | 画像の配置位置とテキストの回り込み方法を指定。デフォルトは「bottom」。 | ||||||||||
| vspace="%Pixels" | 1.0 | - | 画像の上下余白をピクセル単位で指定。 | ||||||||||
| hspace="%Pixels" | 1.0 | - | 画像の左右余白をピクセル単位で指定。 | ||||||||||
| style="vertical-align:%ImgVAlign" | - | 1.0 | 画像の垂直方向の配置位置を指定。 | ||||||||||
| style="float:%imgFloat" | - | 1.0 | テキストの回り込み方法をCSSで指定。 | ||||||||||
| style="margin-*:%Pixels" | - | 1.0 |
画像の上下左右の各余白をピクセル単位で指定。
|
au
| 属性 | XHTML | 説明 |
|---|---|---|
| WAP2.0 | ||
| src="%URI" | ○ | 必須。画像のURLを指定。 |
| alt="%Text" | ○ | 必須。画像の代替テキストを指定。 |
| align="%ImgAlign" | ○ | テキストの回り込み方法を指定。デフォルトは「bottom」。 |
| width="%Length" | ○ | 画像の幅を指定。 |
| height="%Length" | ○ | 画像の高さを指定。 |
| hspace="%Pixels" | ○ | 画像の左右余白をピクセル単位で指定 |
| vspace="%Pixels" | ○ | 画像の上下余白をピクセル単位で指定 |
| copyright="%Copyright" | ○ | インライン再生時の各種マルチメディアデータのデータファイルへの保存（添付データ保存、画像メモ）を許可する場合は「yes」、許可しない場合は「no」を指定。デフォルトは「no」。 |
| localsrc="{シンボル名|アイコン番号} | ○ | 絵文字の挿入。絵文字番号を指定。 |
SoftBank
| 属性 | HTML | XHTML | 説明 | |||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| SoftBank HTML C2型 |
SoftBank HTML C3型 |
SoftBank HTML P型 |
SoftBank HTML 3GC型 |
SoftBank XHTML 3GC型 |
||||||||||||||||||||||
| src="%URI" | ○ | ○ | ○ | ○ | ○ | 必須。画像のURLを指定。 | ||||||||||||||||||||
| alt="%Text" | ○ | ○ | ○ | ○ | ○ | 必須。画像の代替テキストを指定。 | ||||||||||||||||||||
| align="%ImgAlign" | ○ | ○ | ○ | △ | △ | テキストの回り込み方法を指定。デフォルトは「bottom」。 | ||||||||||||||||||||
| motion="%URI" | ○ | ○ | ○ | × | × | 動画の1コマとなる画像ファイルをURLで指定。 | ||||||||||||||||||||
| direction="%Direction" | × | ○ | ○ | × | × | 動画のスクロール方向を指定。デフォルトは「left」。 | ||||||||||||||||||||
| flash="{0～3}" | ○ | ○ | ○ | × | × |
画像の1コマごとの表示間隔（ミリ秒）を指定。デフォルトは1。
|
||||||||||||||||||||
| width="%Length" | × | × | △*1 | △ | ○ | 画像の幅を指定。 | ||||||||||||||||||||
| height="%Length" | × | × | △*1 | △ | ○ | 画像の高さを指定。 | ||||||||||||||||||||
| vibration="%Vibration" | × | ○ | ○ | × | × | 画像フォーカス時にバイブレータを振動させる場合に指定。デフォルトは「focus」。 | ||||||||||||||||||||
| viblength="%Number" | × | ○ | ○ | × | × | バイブレーターの振動時間（秒数）を指定。デフォルトは1。 | ||||||||||||||||||||
| hspace="%Pixels" | × | × | △*1 | △ | △ | 画像の左右余白をピクセル単位で指定 | ||||||||||||||||||||
| vspace="%Pixels" | × | × | △*1 | △ | △ | 画像の上下余白をピクセル単位で指定 | ||||||||||||||||||||
*1：P4(2)型端末のみ
注意事項
- SoftBank
-
- img要素で埋め込み可能な画像形式は、PNG/MNG/JPEG/GIF/アニメーションGIF/WBMPファイルのみ。
- 静止画像を埋め込む場合は、src属性に画像のURLを指定します。
- 動画像（パラパラアニメ）を埋め込む場合は、motion属性に画像のURLを指定します。motion属性はimg要素中に2回以上出現する必要があります。motion属性には異なる画像フォーマットを混在させて指定することはできません。motion属性を指定した場合、src属性は指定できません。
サンプル
■HTML<!-- 画像右寄せ --> <img src="dog.gif" width="73" height="73" alt="dog" vspace="10" hspace="10" align="left"> 我が家の愛犬ﾁｭｰ太くん。生後3か月でｳﾁに来た時は800gでした。それが7年後の今･･･なんと4kgに!!いろんな意味で立派になったものですｗ <br clear="all"> <hr> <!-- 画像左寄せ --> <img src="dog.gif" width="73" height="73" alt="dog" vspace="10" hspace="10" align="right"> 我が家の愛犬ﾁｭｰ太くん。生後3か月でｳﾁに来た時は800gでした。それが7年後の今･･･なんと4kgに!!いろんな意味で立派になったものですｗ <br clear="all">
<!-- 画像左寄せ --> <img src="dog.gif" width="45" height="45" alt="dog" style="float:left;margin-right:10px;" /> 我が家の愛犬ﾁｭｰ太くん。生後3か月でｳﾁに来た時は800gでした。それが7年後の今･･･なんと4kgに!!いろんな意味で立派になったものですｗ <div style="clear:both;"></div> <hr /> <!-- 画像右寄せ --> <img src="dog.gif" width="45" height="45" alt="dog" style="float:right;margin-left:10px;" /> 我が家の愛犬ﾁｭｰ太くん。生後3か月でｳﾁに来た時は800gでした。それが7年後の今･･･なんと4kgに!!いろんな意味で立派になったものですｗ <div style="clear:both;"></div>
