上海网站建设

上海网站建设

咨询热线:(021)51698180


HTML,CSS

上海网站建设RSS订阅  RSS订阅  新浪微博  新浪微博  上海网站建设客服  客服  获取报价  获取报价

XHTML MP教程(十五):XHTML MP 列表

<ul>, <ol> 和 <li> 在 XHTML MP 中被用于创建列表.
要想创建一个无序列表, 用 <ul> 元素. 无序列表中每一个列表项以一个着重号开始. <li></li> 标签是用来包含每个列表项的. 下面这个 XHTML MP 例子演示了如何创建一个无序列表:
 
<?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>
 
XHTML MP教程(十五):XHTML MP 列表1

 
XHTML MP教程(十五):XHTML MP 列表2

Sony Ericsson T610
XHTML MP教程(十五):XHTML MP 列表3

 
XHTML MP教程(十五):XHTML MP 列表4

Nokia Mobile Browser 4.0
 
要想创建有序列表, 用 <ol> 元素. 一个有序列表有列表号码. 列表项被包含在 <li></li> 标签中. 下面的 XHTML MP 演示了如何创建一个有序列表.
 
<?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>
 
XHTML MP教程(十五):XHTML MP 列表5

 
XHTML MP教程(十五):XHTML MP 列表6

Sony Ericsson T610
XHTML MP教程(十五):XHTML MP 列表7

 
XHTML MP教程(十五):XHTML MP 列表8

Nokia Mobile Browser 4.0
 
你可以利用 <ol> 元素的 start 属性指定序列号的起始值, 像下面这样:
 
<?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 浏览器上显示如下:
 
XHTML MP教程(十五):XHTML MP 列表9

 
XHTML MP教程(十五):XHTML MP 列表10

Sony Ericsson T610
XHTML MP教程(十五):XHTML MP 列表11

 
XHTML MP教程(十五):XHTML MP 列表12

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