Html5的列表元素:ol dl

来源:互联网 发布:曾梵志 知乎 编辑:程序博客网 时间:2024/05/07 00:26

1.有序列表ol

主流浏览器均支持ol标签。在 HTML 4.01 中不赞成使用 "start" 和 "type" 属性,但在 HTML5 中支持。
"reversed" 属性是 HTML5 中的新属性。

type可选值:1  a A  i  I        start的值是大于等于0的整数

示例:

<ol type="1" start="3" reversed="reversed">
    <li>标题</li>
    <li>标题</li>
    <li>标题</li>
</ol>

<ol type="A" start="2">
    <li>红色</li>
    <li>绿色</li>
    <li>蓝色</li>
</ol>

  网页展示效果:

   3. 标题

   2. 标题

   1. 标题

  1. 红色
  2. 绿色
  3. 蓝色

2.条目带标题的列表dl

主流浏览器均支持dl标签。

示例:

<dl>
    <dt>中国</dt>
    <dd>中国人说汉语。</dd>
    <dt>美国</dt>
    <dd>美国人说英语。</dd>
</dl>

  网页展示效果:


中国
中国人说汉语。
美国
美国人说英语。




0 0