Question

我知道<ul>是用于显示<li>项的常用标记，但是当我阅读here时，它会显示<output>标记也可用于显示<li>项目。

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

我担心使用<output>来显示列表的方法是错误的，虽然我从中得到的结果就是我希望它的方式..有人可以启发我{{1之间的区别在页面上显示列表项方面？和<output>？

Answer 1

<li>元素可以包含在任何位置，<output>和<ul>只是用于指定用于各种形式内容的页面区域的标记。通常，如果是列表，请使用包含<ul>或<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元素是一个列表，所以如果您要尝试输出li元素，请确保它们是进入ul。

Answer 4

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

<output> vs <ul>显示列表项</ul> </output>

4 个答案: