XHTML MP 列表

PrintE-mail
Thursday, 02 October 2008 11:50  

<ul>, <ol> 和 <li> 在 XHTML MP 中被用于创建列表.

要想创建一个无序列表, 用 <ul> 元素. 无序列表中每一个列表项以一个着重号开始. <li></li> 标签是用来包含每个列表项的. 下面这个 XHTML MP 例子演示了如何创建一个无序列表:

(lists_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>XHTML MP Tutorial</title>
  </head>

  <body>
    <p>Table of Contents:</p>
    <ul>
      <li>Part 1 XHTML MP Introduction</li>
      <li>Part 2 Development of Wireless Markup Languages</li>
      <li>Part 3 Advantages of XHTML MP</li>
      <li>Part 4 WML Features Lost in XHTML MP</li>
    </ul>
  </body>
</html>

       SE 中的无序列表          Nokia 中的无序列表

       SE 中的无序列表          Nokia 中的无序列表样式

       Sony Ericsson T610            Nokia 移动浏览器 4.0

要想创建有序列表, 用 <ol> 元素. 一个有序列表有列表号码. 列表项被包含在 <li></li> 标签中. 下面的 XHTML MP 演示了如何创建一个有序列表.

(lists_example2.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>XHTML MP Tutorial</title>
  </head>

  <body>
    <p>Table of Contents:</p>
    <ol>
      <li>XHTML MP Introduction</li>
      <li>Development of Wireless Markup Languages</li>
      <li>Advantages of XHTML MP</li>
      <li>WML Features Lost in XHTML MP</li>
    </ol>
  </body>
</html>

       SE 中的有序列表样式          Nokia 中的有序列表样式

       SE 中的有序列表样式          Nokia 中的有序列表样式

       Sony Ericsson T610              Nokia 移动浏览器 4.0

你可以利用 <ol> 元素的 start 属性指定序列号的起始值, 像下面这样:

(lists_example3.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>XHTML MP Tutorial</title>
  </head>

  <body>
    <p>Table of Contents:</p>
    <ol start="4">
      <li>XHTML MP Introduction</li>
      <li>Development of Wireless Markup Languages</li>
      <li>Advantages of XHTML MP</li>
      <li>WML Features Lost in XHTML MP</li>
    </ol>
  </body>
</html>

上面 XHTML MP 例子的结果在一些 WAP 浏览器上显示如下:

       SE 中设定初始值样式          Nokia 中设定初始值样式

       SE 中设定初始值样式          Nokia 中设定初始值样式

      Sony Ericsson T610            Nokia 移动浏览器 4.0

要是用 WAP CSS 的话, 你还可以对列表的外观样式进行更为精确的控制. 例如, 你可以控制无序列表中着重号的形状和有序列表中的列表号标记 (如, 把列表号标记从 "1, 2, 3..." 改为 "I, II, III...").

关于一些常用的 WAP CSS 列表属性, 大家可以查阅其它资料以有更为深入的理解.

 

回复

留个脚印儿吧.


回复