Pass markup validation with nested ul unsorted lists

**franciska** · Oct 15, 2009, 14:52

Hi,

I have this code with nested unsorted lists

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>

How can I pass the markup validation?

many thanks.

**Mittineague** · Oct 15, 2009, 20:08

The validator error message:

Line 10, Column 13: document type does not allow element "UL" here; assuming missing "LI" start-tag

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

**AutisticCuckoo** · Oct 15, 2009, 21:32

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>

User Tag List

Thread: Pass markup validation with nested ul unsorted lists

Thread Tools

Display

Pass markup validation with nested ul unsorted lists

Bookmarks

Bookmarks

Posting Permissions