<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<title>2.1.5保留-列表相关元素</title>
</head>
<body>
<p>
HTML5还保留了如下几个列表相关元素。<br>
1、ul:定义无序列表。<br>
该元素可以指定id、class、style等核心属性,还可以指定onclick等事件属性。<br>
该元素只能包含li子元素。<br><br>
2、ol:定义有序列表。<br>
该元素可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。<br>
该元素只能包含li子元素。除此之外,在HTML5规范中,该元素还可以指定如下三个属性:
start:指定列表项的起始数字。默认是第一个,如1、A等。
type:指定使用哪种类型的编号,列入1代表使用数字,A和a代表使用字母,
I和i代表使用罗马数字。该属性在HTML5已经不推荐使用了,推荐使用CSS来定义。
reversed:该属性指定是否将排序反转。很遗憾,目前没有任何浏览器支持该属性。<br><br>
3、li:定义列表项目。<br>
该元素可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。<br>
该元素里可以包含与div完全类似的内容,因此可以包含较多类型的子元素。<br><br>
4、dl:也用于定义列表。该元素只能包含dt和dd两种子元素。<br>
该元素可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。<br><br>
5、dt:定义标题列表项。<br>
该元素可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。<br>
该元素只能包含文本、图像、超链接、文本格式化元素和表单控件元素等。<br><br>
6、dd:定义普通列表项。<br>
该元素可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。<br>
该元素里可以包含与div完全类似的内容,因为可以包含较多类型的子元素。<br><br>
</p>
<p>
事例:<br>
1、定义无序列表:
<ul>
<li>hello!</li>
<li>how are you?</li>
<li>and you?</li>
</ul>
2、定义有序列表:
<ol start="2" type="I">
<li>hello!</li>
<li>how are you?</li>
<li>and you?</li>
</ol>
3、定义列表:
<dl>
<dt>title</dt><!--定义标题列表项-->
<dd>hello!</dd>
<dd>how are you?</dd>
<dd>and you?</dd>
<dt>titlenew</dt><!--定义标题列表项-->
<dd>hello!new</dd>
<dd>how are you?new</dd>
<dd>and you?new</dd>
</dl>
</p>
</body>
</html>
08-16