XHTML Basics - Web Development and Design Foundations with XHTML - page 55

The text of the message 'document type does not allow element “li” here; missing one
of “ul”, “ol”, “menu”, “dir” start-tag' lets you know that something is wrong. It's up
to you to figure out what it is. A good place to start is to check your container tags and
make sure they are in pairs. In this case, that is the problem. You can scroll down to
view the other errors. However, since multiple error messages are often displayed after a
single error occurs, it's a good idea to fix one item at a time and then revalidate.
Edit the design.html file in Notepad and add the missing </li> tag. Save the file.
Launch a browser and visit http://validator.w3.org/#validate_by_upload. Select your file,
select More Options, and verify the Show Source and Verbose Output check boxes are
checked. Click the Revalidate button to begin the validation.
Your display should be similar to that shown in Figure 2.25. Notice the “This document
was successfully checked as XHTML 1.0 Transitional!” message. This means your page
passed the validation test. Congratulations, your design.html page is a valid XHTML
page! It's a good practice to validate your Web pages. However, when validating code
use common sense. Since Web browsers still do not completely follow W3C recommen-
dations, there will be situations, such as when adding multimedia to a Web page, when
XHTML code configured to work reliably across a variety of browsers and platforms
will not pass XHTML validation.
Figure 2.25
The page has
passed the
validation test