html - 如何在目录列表中创建小节?

标签 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>

谢谢, 迈克

最佳答案

每个 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>

关于html - 如何在目录列表中创建小节?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34026550/

相关文章:

javascript - Angularjs 范围变量未按预期更新

javascript - 是否可以将我的移动应用程序作为 iframe 添加到我的网站上?

html - 如何创建一个居中的 <div>,如果它不适合视口(viewport),它会自动缩小?

jquery - 在 Bootstrap 3 中对齐与可排序句柄相邻的元素

python - 无法为 AWS Sagemaker 实例安装 toc2 笔记本扩展(生命周期配置)

vba - PowerPoint 中的目录

php curl DOM,如何提取带有样式的内容

CSS3负边距问题

html - 如何在 HTML 链接标签中添加::after

java - 如何通过poi在word中设置目录字体