| SitePoint Sponsor |
Pass markup validation with nested ul unsorted lists
Hi,
I have this code with nested unsorted lists
How can I pass the markup validation?Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title></title> </head> <body> <ul> <li>List 1</li> <ul> <li>Nested list #1</li> <li>Nested list #2</li> </ul> <li>List 2</li> </ul> </body> </html>
many thanks.
The validator error message:
isn't all that obvious I guess. What it means is that the nested list should be inside of a line item. i.e. move the closing /li from after "List 1" to after the closing /ulLine 10, Column 13: document type does not allow element "UL" here; assuming missing "LI" start-tag
A ul element can only contain li elements; nothing else. Thus the nested list must reside inside a list item of the outer list.
Code HTML4Strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title></title> </head> <body> <ul> <li>List 1 <ul> <li>Nested list #1</li> <li>Nested list #2</li> </ul> </li> <li>List 2</li> </ul> </body> </html>
Birnam wood is come to Dunsinane
Posting Permissions
Bookmarks