HTML – 在a和它的良好实践之间使用标签？

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

<!--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>我的帮助和示例文本.我仍然不喜欢标签总是与输入在同一行.

解决方法

如果一个人真的很迂腐,几乎所有的使用< br />是’糟糕的HTML’. &LT峰; br />意味着语义线断裂.换句话说,在删除< br />的情况下会改变内容的含义.这些只出现在诗歌/歌词和邮政地址中.

您可以通过使< li>内的其他元素具有显示：块样式来实现相同的结果.