Question

所以我正在使用HTML中的表单，这是我使用的代码：

<form>
   <label>Date Of Birth</label>
        <select name="Month">
            <option value="Jan">January</option>
            <option value="Feb">February</option>
            <option value="Mar">March</option>
            <option value="Apr">April</option>
            <option value="May">May</option>
        </select>
        <select name="Day">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
        </select>
        <select name="Year">
            <option value="1992">1992</option>
            <option value="1993">1993</option>
            <option value="1994">1994</option>
            <option value="1995">1995</option>
            <option value="1996">1996</option>
        </select>
   </label>
</form>

现在，这在语义上是错误的。（至少这是我的理解）。为了将选择标签分组，我们使用Fieldset和图例标签。谁能解释这两个标签的用途或将它们分组的方式？这两个标签还有其他用途吗？和/或标签是否相互依赖？

Answer 1

正如其他人所评论的那样，fieldset和legend标签的使用是不言自明的，您可以阅读有关here和here的更多信息。

关于您的问题，是，您可以使用div，label等来实现相同的行为和外观；但这在语义上是不正确的，而且还需要您做更多工作来复制相同的外观。并且legend标记依赖于fieldset标记，因为它需要具有引用才能放置在其上。

理想的情况是，如果有HTML5标签，请使用它而不是简单的div，它有助于使文档更易于阅读并与大多数现代页面保持一致；

作为参考，我在这个问题上也解释了一些有关语义标签的内容 https://stackoverflow.com/a/53229971/8437694

本文还有助于解释语义标签的好处： https://www.lifewire.com/why-use-semantic-html-3468271

HTML中的Fieldset和Legend标签？

1 个答案: