html - 在 和它的 <input> 之间使用 标签是好的做法吗？

Question

我表单中的字段有标签、一些帮助文本、一些示例文本和一些上下文文本。

<!--With Help and Example-->
<li>
    <label for="ingredients">Ingredients</label>
    <br/><!--Is this good practice?-->
    <span class="help">Enter one ingredient per line.</span>
    <br/>
    <textarea id="ingredients" name="ingredients"></textarea>
    <br/>
    <span class="example"><b>Example:</b><br/>1 Cup of Flour<br/>Pinch of Salt<br/>1 Tbsp of Paprika</span>

<!--With context-->
<li>
   <label for="yield">Yield</label>
   <br /> <!--Wish labels were block and you had to style them to be inline-->
   <input type="number" id="yield" name="yield" />
   <span class="context"> servings.</span>
</li>

当我看到它没有样式时，它让我发疯，所有这些东西如何在同一条线上运行。

我可能在打字时想出了解决问题的办法。我想我可能会使用 <p>为了我的帮助和示例文本。我仍然不喜欢标签总是与输入在同一行。

Answer 1

如果一个人真的很迂腐，几乎所有的用法都是 <br/>是“糟糕的 HTML”。 <br/>表示语义换行符。换句话说，删除 <br/> 的地方会改变内容的含义。这些实际上只出现在诗歌/歌词和邮政地址中。

您可以通过在 <li> 中添加其他元素来实现相同的结果。 s 有 display:block 样式。