Menu
I'm maintaining a legacy app and came across the following code:
<ul> <li>...</li> <li>...</li> <li>...</li> <li>...</li> <li>...</li> <div> <li>...</li> <li>...</li> </div> </ul> I've never seen div tags as child elements of ul elements before. The HTML renders fine in browsers.
Is this valid HTML? My gut feeling is that this is strange usage. However, perhaps this is completely normal and valid? Is nesting a div element inside a ul element appropriate usage? Would you recommend for or against this?
1000
Element ul not allowed as child of element ul in this context.
HTML ul element can reside within APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH.
No. The only element that may be a child of <ul> is <li> .
A child element will be included in a UC award where a claimant is responsible for a child or qualifying young person who normally lives with them. Where a child lives in 2 separate households, claimants will be expected to agree who has main responsibility and claim accordingly.
It is not valid in any version of HTML, see e.g. HTML 4.01 on ul.
Browsers allow it, though, and parse it so that div becomes a child of ul, and they let you style the div too. This is probably the reason why this markup has been used.
139
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
