<!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
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
