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

Question

I have a fieldset as below:

<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>

Here if I keep the legend tag below all the label tags, the HTML renders the fieldset exactly same as before.

<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>

Even this renders the same.

So question here is, whether it is programmatically correct and as per standards to write legend tag at any place within fieldset .

Answer 1

So question here is, whether it is programmatically correct and as per standards to write legend tag at any place within fieldset .

No, it is not. The legend element (if present) must be the first child of a fieldset element.

---

This is what the HTML5 spec. says:

4.10.15 The fieldset element
[...]

Content model :

Optionally a legend element, followed by flow content .

---

The HTML4.01 spec. defines the fieldset element as follows:

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

where the comma-separated list defines the order in which the child elements must appear, ie LEGEND has to appear before other flow (block or inline) elements.