Выберите тег опции в 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. В настоящее время у вас есть следующее сообщение об ошибке проверки:

Self-closing syntax (/>) used on a non-void HTML element. Ignoring the slash and treating as a start tag.

Однако according to the HTML spec вы можете опускать закрывающий тег, он не вызывает каких-либо проблем:

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

Кроме того, «1 Взрослых» и «1» Дети не является надлежащим английским.