Simple Doc Structure

The simple page we're going to investigate:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"....>
<html ....>
<head>
    <title>Play</title>
   ....
</head>
<body>
    <div id="top">
      <h1>My Web Site</h1>
      <p><a href="">menu1</a> | <a href="">menu2</a> | ...</p>
    </div>
    <div id="sidebar">
      <h2>Sidebar</h2>
      <ul>
        <li><a href="">one</a></li>
        <li><a href="">two</a></li>
        <li><a href="">three</a></li>
        ....
      </ul>
    </div>
    <div id="content">
      <h2>Content</h2>
      <p>Integer convallis magna sed urna. Aliquam sed wisi sit amet
      libero pharetra condimentum. <a href="">Pellentesque</a> interdum
      dui sit amet lacuss.</p>
      ....
    </div>
    <div id="footer">
      <h2>Footer</h2>
      <p>Copyright 2002-2004 <a href="mailto:owen@backspaces.net">....</p>
    </div>
</body>
</html>