在HTML中选择选项标记

Question

有html代码可以选择没有关闭选项标签的选项，而且工作正常。

<div><div class="select-wrapper">
        <select  name="adult">
          <option value="none" />Adults
          <option value="0" />0 Adults
          <option value="1" />1 Adults
          <option value="2" />2 Adults
          <option value="3" />3 Adults
          <option value="4" />4 Adults
          <option value="5" />5 Adults
          <option value="5" />5+ Adults
        </select>
      </div>

      <div class="select-wrapper">
        <select  name="kids">
          <option value="none" />Children
          <option value="0" />0 Children
          <option value="1" />1 Children
          <option value="2" />2 Children
          <option value="3" />3 Children
          <option value="4" />4 Children
          <option value="5" />5 Children
          <option value="5+" />5+ Children
        </select>
      </div></div>

我知道这是不好的写作方式，但我想知道它可以破坏或不起作用的任何场景？

Answer 1

您不必立即关闭option标记。目前您有以下验证错误：

  

在非void HTML元素上使用的自动关闭语法（/＆gt;）。忽略斜杠并将其视为开始标记。

但是，according to the HTML spec您可以省略结束标记，它不会导致任何问题：

<select>
    <option>Option One
    <option>Option Two
</select>

此外，“1名成人”和“1名儿童”不是正确的英语。