如何在“内容”列表中创建子节目?

时间:2015-12-01 17:37:19

标签: html css tableofcontents

我正在尝试在我的文章页面上创建一个内容列表,但我的验证器一直告诉我<ol><ul>不能是另一个<ol><ul>的子元素

有没有办法在没有编码错误的情况下在内容中启用此功能?

我目前的标记是这样的:

<!DOCTYPE html>
<head>
    <title></title>
    <meta charset="UTF-8">
</head>
<body>
    <h2>Contents</h2>
    <div>
        <ol>1
            <ol>1.1
            </ol>
            <ol>1.2
            </ol>
            <ol>1.1.1
            </ol>
        </ol>
    </div>
</body>
</html>

谢谢, 麦克

2 个答案:

答案 0 :(得分:2)

每个 ol 元素只能包含 li 标记。 如果要嵌套列表,则必须使用此结构:

<!DOCTYPE html>
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
    <h2>Contents</h2>
    <div>
        <ol>
            <li>
                <span>1</span>      
                <ol>
                    <li>1.1</li>
                    <li>1.2</li>
                    <li>
                        <ol>
                            <li>1.2.1</li>
                            <li>1.2.2</li>
                        </ol>
                    </li>
                    <li>1.3</li>
                </ol>
            <li>
            <li>
                <span>2</span>      
                <ol>
                    <li>2.1</li>
                    <li>2.2</li>
                    <li>2.3</li>
                </ol>
            </li>
        </ol>
    </div>
</body>
</html>

答案 1 :(得分:0)

您的ios 8.4只是宣布新的有序列表的开头,因此列表中的任何内容都要放在列表项<ol>中。

<li>

或者,您可以使用<!DOCTYPE html> <head> <title></title> <meta charset="UTF-8"> </head> <body> <h2>Contents</h2> <div> <ol> <li>1</li> <li>1.1</li> <li>1.2</li> <li>1.1.1</li> </ol> </div> </body> </html> 代替<ul>来获取项目符号列表,而不是编号。