XHTML MP 图片

PrintE-mail
Tuesday, 07 October 2008 20:29  
Article Index
XHTML MP 图片
XHTML MP 中大型图片问题
All Pages

XHTML MP 中显示图片

在 XHTML MP 中, <img> 标签被用于显示图片. 这和在 HTML 中是一样的. 如果因为诸如文件没被找到或图片格式不被支持等原因而不能显示图片, WAP 浏览器将会把 <img> 标签里 alt 属性指定的文本显示出来. <img> 标签中的 widthheight 属性, 正如它们的名字所暗示的那样, 被用于指定图片显示区域的宽度和高度 ( 以像素为单位 ). 你可以利用这两个属性来调整图片在显示器上的大小.

包括老式的 WBMP 图片格式, WAP 2.0 无线设备可以支持运用在 web 上的普遍图片格式, 例如 GIF, 动态 GIF, JPG 和 PNG. 然而, 这些可被支持的格式因设备而异. 某些 WAP 2.0 无线设备只能支持以上这些图片格式的子集.

找出某种图片格式是否被某无线设备支持的一个简单方法是, 检查 HTTP 头中的 Accept, 就像我们在本 XHTML MP 教程里 "动态选择 MIME 类型" 章节中的做法一样 . 例如, 如果在 HTTP 头里可以找到 "image/gif", "image/jpg" 和 "image/png", 这就意味着这个无线设备支持 GIF, JPG  和 PNG 图片格式.

下面的例子演示了如何在 XHTML MP 里显示图片:

(imageEg1.xhtml)

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
   "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Image in XHTML MP</title>
  </head>

  <body>
    <p>
      <img src="/smile.gif" alt="Smile" height="62" width="60" /><br/>
      Hello, welcome to our XHTML MP tutorial.
    </p>
  </body>
</html>

下面是上述 XHTML MP 代码在某些 WAP 浏览器上的显示结果:

      SE 中的图片          Nokia 中的图片显示

        Sony Ericsson T610            Nokia 移动浏览器 4.0

如果图片文件不存在, 同样 XHTML MP 代码的显示结果将变为:

       SE 中的图片显示          Nokia 中的图片显示

         Sony Ericsson T610            Nokia 移动浏览器 4.0



 

回复

留个脚印儿吧.


回复