HTML 在 UL 中是否只能包含 LI 元素

在本文中，我们将介绍在 HTML 的 UL 元素中是否只能包含 LI 元素，以及如何正确地使用其他元素。

HTML 中的 UL（无序列表）是一种用于展示项目列表的元素。通常情况下，UL 元素中只能包含 LI（列表项）元素，每个 LI 元素代表一个列表项。例如：

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>

上述代码中的 UL 元素包含了三个 LI 元素，分别代表三个项目。

阅读更多：HTML 教程

UL 元素中的其他元素

除了 LI 元素之外，根据 HTML 规范，UL 元素不允许包含其他任何元素。如果在 UL 内部使用了除 LI 元素以外的元素，那么这些元素将被视为无效并且会被浏览器忽略。例如：

<ul>
  <li>项目1</li>
  <li>项目2</li>
  <p>这是一个段落元素，是无效的</p>
  <li>项目3</li>
</ul>

在上述代码中，包含在 UL 元素中的段落元素 <p> 是无效元素，浏览器会自动忽略它。

其他合法的元素

虽然 UL 元素中只能包含 LI 元素，但是可以在 LI 元素内部包含其他元素。这些元素可以是任何 HTML 元素，例如标题、段落、链接等。例如：

<ul>
  <li>
    <h2>标题</h2>
    <p>这是一个包含标题和段落的列表项</p>
    <a href="#">链接</a>
  </li>
  <li>
    <h2>标题2</h2>
    <p>这是另一个列表项</p>
  </li>
</ul>

上述代码中的每个 LI 元素都包含了标题、段落和链接等其他元素。这种用法可以丰富无序列表的内部内容，使其更具有结构和可读性。

总结

在 HTML 的 UL 元素中，根据规范，除了 LI 元素以外，不允许包含其他元素。如果在 UL 元素中使用了其他元素，那么它们将被视为无效并被浏览器忽略。然而，可以在 LI 元素内部包含其他任意合法的 HTML 元素，以丰富列表项的内容。

通过合理和正确地使用这些元素，我们可以创建出具有层次结构和丰富内容的无序列表，提升网页的可读性和用户体验。

请点击此处查看本文的 Markdown 源代码。