WML - 图像

<img> 元素用于在 WAP 卡中包含图像。 支持 WAP 的无线设备仅支持无线位图 (WBMP) 图像格式。

WBMP 图像只能包含两种颜色:黑色和白色。 WBMP 的文件扩展名为".wbmp",WBMP 的 MIME 类型为"image/vnd.wap.wbmp"。

<img> 元素支持以下属性:

属性描述
align
  • top
  • middle
  • bottom
图像对齐
altalternative text设置在图像未显示时显示的替代文本。
height
  • px
  • %
图像的高度(以像素或百分比为单位)。 如果以像素为单位指定值,则语法为"140",而不是"140px"。
hspace
  • px
  • %
设置图像左侧和右侧的空白。 如果以像素为单位指定值,则语法为"140",而不是"140px"。
localsrccdata设置图像的替代表示。 如果设置了此属性,浏览器将使用它而不是"src"属性。
srcimage urlwbmp 图像的路径。
vspace
  • px
  • %
设置图像上方和下方的空白。 如果以像素为单位指定值,则语法为"140",而不是"140px"。
width
  • px
  • %
设置图像的宽度。如果指定以像素为单位的值,则语法为"140",而不是"140px"。
xml:langlanguage_code设置元素中使用的语言
classclass data设置元素的类名。
idelement ID元素的唯一 ID。

如何制作".wbmp"图像

互联网上有免费工具可用于制作".wbmp"图像。

诺基亚移动互联网工具包 (NMIT) 附带了可供您使用的 WBMP 图像编辑器。 您可以使用 NMIT 将现有的 GIF 或 JPG 图像文件转换为 WBMP 文件。

以下是显示 <img> 元素用法的示例。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">

<wml>

<card title="WML Images">
<p>
This is Thumb image
<img src="/images/thumb.wbmp" alt="Thumb Image"/>
</p>

<p>
This is Heart image
<img src="/images/heart.wbmp" alt="Heart Image"/>
</p>

</card>

</wml>

这将产生以下结果:

WAP 示例8