如何在目录列表中创建小节？

Question

我试图在我的文章页面上创建目录列表，但我的验证器一直告诉我 <ol> 和 <ul> 不能是另一个 <ol> 或 [=12 的子元素=].

有什么方法可以在内容中启用此功能而不会出现我的编码错误？

我目前的标记是这样的：

<!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>

谢谢，麦克

Answer 1

你的 <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> 代替 <ol> 来获取项目符号列表而不是编号列表。

Answer 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>

如何在目录列表中创建小节？

How can I make subsections in a Contents list?

html

css

tableofcontents