有序列表是一种讲究排序列表结构,使用<ol>标签定义,其中包含多个<li>列表项目。一般网页设计中,列表结构可以互用有序或者无序类表标签。但是,在强调项目排序栏目中,选用有序列表会更科学,如新闻列表(根据新闻时间排序)、排行榜(强调项目的名次)等。
<ol type="a" start="5" > <li>中国</li> <li>日本</li> <li>美国</li> <li>非洲</li> </ol>
<ol>标签包含3个比较实用的属性,这些属性同时获得HTML5支持,且其中reversed为新增属性
属性 | 取值 | 说明 |
reversed | reversed | 定义列表循序为降序,如9.8.7.... |
start | number | 定义有序列表的起始值 |
type | 1,A,a,I,i | 定义在类表中使用的标记类型 |
定义列表
定义列表以<dl>标签形式出现,在<dl>标签中包含<dt>和<dd>标签,一个<dt>标签对应着一个或多个<dd>标签。
<dl> <dt>定义列表标题</dt> <dd>定义列表内容</dd> </dl> <dl> <dt>定义列表标题</dt> <dd>定义列表1</dd> <dd>定义列表内容2</dd> </dl> <dl> <dt>定义列表标题1</dt> <dd>定义列表内容1</dd> <dt>定义列表标题2</dt> <dd>定义列表内容2</dd> </dl>