HTML5 保留列表相关元素

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>列表相关标签</title>

</head>

<body>

<!-- 定义无序列表 -->

    <ul>

        <li>无序列表1</li>

        <li>无序列表2</li>

        <li>无序列表3</li>

    </ul>

    <!-- 定义有序列表 -->

    <ol start="2" type="I">

        <li>有序列表1</li>

        <li>有序列表2</li>

        <li>有序列表3</li>

    </ol>

    <!-- 定义列表 -->

    <dl>

        <!-- 定义标题列表 -->

        <dt>标题1:</dt>

        <dd>内容1</dd>

        <dd>内容2</dd>

        <dd>内容3</dd>

        <!-- 定义标题列表 -->

        <dt>标题2:</dt>

        <dd>内容1</dd>

        <dd>内容2</dd>

        <dd>内容3</dd>

    </dl>

</body>

</html>

 

截图如下:

posted @ 2013-04-30 00:23  三颗咸鸭蛋  阅读(140)  评论(0编辑  收藏  举报