XHTML MP 表格

Tuesday, 07 October 2008 07:04

要想在 XHTML MP 中创建表格, 你需要 <table>, <tr> 和 <td> 标签. 单元格中的数据被包含在 <td></td> 标签中. 同一行的单元格被包含在 <tr></tr> 标签中. 所有的行被包含在<table></table> 标签中. 因此, <td></td> 要被包含在 <tr></tr> 中且 <tr></tr> 要被包含在 <table></table> 中. 下面的 XHTML MP 例子演示了如创建表格:

(tables_example1.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>Table in XHTML MP</title>
  </head>

  <body>
    <table>
      <tr>
        <td>Cell A</td>
        <td>Cell B</td>
        <td>Cell C</td>
      </tr>

      <tr>
        <td>Cell D</td>
        <td>Cell E</td>
        <td rowspan="2">Cell F</td>
      </tr>

      <tr>
        <td colspan="2">Cell G</td>
      </tr>
    </table>
  </body>
</html>

上述 XHTML MP 标记代码的结果在移动电话模拟器中的效果如下:

SE 中的表格效果 Nokia 中的表格效果

Sony Ericsson T610 Nokia 移动浏览器 4.0

要控制表格的展示效果你就需要用到 WAP CSS. 例如, 如果你想给表格添加边框或者指定一个单元格的颜色, 你就得利用 WAP CSS. 为了让你看清前面 XHTML MP 例子中 rowspan 和 colspan 属性的效果, 我们用 WAP CSS 的边框属性给单元格指定黑色边框, 像这样: