有序列表ol和定义列表dl,dt,dd

  有序列表是一种讲究排序列表结构,使用<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>

 

posted @ 2019-03-13 11:08  WhiteSpace  阅读(1157)  评论(0编辑  收藏  举报