字段集中图例标签的位置是否重要？

Question

我有一个字段集如下：

<fieldset>
    <legend>Colour</legend>
    <label><input type="radio" name="colour" value="blue"> Blue </label>
    <label><input type="radio" name="colour" value="red"> Red </label>
</fieldset>

在这里，如果我将legend标签保留在所有label标签下方，则 HTML 呈现的fieldset与以前完全相同。

<fieldset>
    <label><input type="radio" name="colour" value="blue"> Blue </label>
    <label><input type="radio" name="colour" value="red"> Red </label>
    <legend>Colour</legend>
</fieldset>

即使这样也一样。

所以这里的问题是，在fieldset任何地方编写图例标签是否在编程上是正确的，是否符合标准。

Answer 1

所以这里的问题是，在fieldset任何地方编写图例标签是否在编程上是正确的，是否符合标准。

不，它不是。 legend元素（如果存在）必须是fieldset元素的第一个子元素。

---

这就是HTML5 规范。 说：

15年4月10日的fieldset元素
[...]

内容模型：

可选的legend元素，后跟 流内容。

---

HTML4.01 规范。 定义fieldset元素如下：

 <!ELEMENT FIELDSET - - (#PCDATA,LEGEND,( %flow; )*) -- form control group -->

其中逗号分隔的列表定义了子元素必须出现的顺序，即LEGEND必须出现在其他流（块或内联）元素之前。