Is Header In Legend Valid?
Solution 1:
There are many things that browsers do that aren't required by the standards :-)
This page here (HTML4) specifies the legend keyword and states that it can contain inline elements, of which the headers are not a part. It does have other possibly useful ones such as big or strong.
In addition, the relevant page for H1 does not list legend as one of the items it's allowed to be contained within. You may also be able to use the id, class or style attributes of the legend to set the underlying textual properties.
Solution 2:
In HTML5 elements allowed inside <legend> elements are those in the Phrasing Content group. Per the docs:
Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level.
Solution 3:
In HTML 5.2, this seems to be valid:
4.10.16. The legend element Content model: Phrasing content and headings (h1-h6 elements).
https://w3c.github.io/html/sec-forms.html#the-legend-element
This is very good news, as in complex forms, legends serve the same purpose as headings do, and e.g. screenreaders only announce legends when focusing a form element.
Solution 4:
no it is not valid inside the legend. you can use wc3 validator to validate your code
Solution 5:
The legend element of the fieldset is not designed to allow child elements unless they are considered "phrasing content". While most browsers will not complain (thus making it valid in pratice) you would probably be better off using a style to set the look/feel of your legend element as that is what css is for, elements should be used for logically grouping/identifing content not styling it.
Legend: http://www.w3.org/TR/html5/forms.html#the-legend-element
Phrasing Content: http://www.w3.org/TR/html5/content-models.html#phrasing-content
Post a Comment for "Is Header In Legend Valid? "