html - 对比在显示列表项

Question

我知道这<ul>是用于显示<li>项目的常用标签，但是当我在这里阅读时，它显示了该<output>标签也可用于显示<li>项目。

目前在我的项目中，我使用<output>标签来显示列表项而不是<ul>，我想知道这是否是错误的做法？我已经阅读了<output>描述，并且我了解该<output>标签应该显示数学结果，但它可以用于显示列表，如上面的链接所示。

我担心我使用<output>显示列表的方法是错误的，尽管我从中得到的结果正是我想要的方式。. 有人能告诉我在页面上显示列表项之间<output>的区别吗？<ul>

Answer 1

这些<li>元素可以包含在任何地方，<output>并且<ul>只是用于指定用于各种形式内容的页面区域的标签。通常，如果是列表，请使用带有<ul>or的列表<ol>。

注意：<output>用于自动计算，在<form>.

Answer 2

为了<output>

它显示了计算的结果

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
    0<input type="range" name="b" value="50" />100 +
    <input type="number" name="a" value="10" /> =
    <output name="result"></output>
</form>

而在<ul>

它是无序列表，它以无序形式显示列表，即无意义的形式

<ul>
  <li>first item</li>
  <li>second item      <!-- Look, the closing </li> tag is not placed here! -->
    <ol>
      <li>second item first subitem</li>
      <li>second item second subitem</li>
      <li>second item third subitem</li>
    </ol>
  </li>                
  <li>third item</li>
</ul>

Answer 3

您链接的示例输出以下内容：

<output id="list">
    <ul>
        <li>Something</li>
    </ul>
</output>

li不是元素的直接子元素output，我认为您可能会对此感到困惑。

该output元素仅用于输出表单操作的结果（计算，或者在您链接的示例的情况下，文件上传）。

在whatwg.org上没有提到该output元素是一个列表，因此如果您要尝试向其输出lieleemnts，请确保它们位于ul.

Answer 4

这是一种误解。HTML 草稿中提议的output元素仅允许短语内容（文本级内容），因此它不能包含li元素或ul元素，即使在语法上也是如此。