This is a general semantic markup recommendation based on the XHTML 1.0 Strict doctype. View default rendering…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Page title</title>
    <link rel="stylesheet" type="text/css" href="/path/to/default/style.css" media="screen" />
    <script type="text/javascript" src="/path/to/scripts.js"></script>
    <!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js"
    type="text/javascript"></script><![endif]-->
</head>

<body>

<div id="wrapper">
    
    <div id="header">
        
        <p><img src="/path/to/logo.jpg" alt="Site identity" height="50" width="50" class="logo" /></p>
        
    </div> <!-- // header -->
    
    <div id="nav">
        
        <ul>
            <li><a href="/"><strong>Home</strong></a></li>
            <li><a href="/about.html">About</a></li>
            <li><a href="/main.html">Main</a></li>
            <li><a href="/extras.html">Extras</a></li>
            <li><a href="/contact.html">Contact</a></li>
        </ul>
        
    </div> <!-- // nav -->
    
    <div id="content">
        
        <h1>Page Heading</h1>
        
        <p>A short description of the page’s main content is a good idea.</p>
        
        <h2>The first point of business</h2>
        
        <p>etc.…</p>
        
    </div> <!-- // content -->
    
    <div id="footer">
        
        <p>© 2008 <a href="/webmaster/">Site Owner</a>.</p>
        
    </div> <!-- // footer -->
    
</div> <!-- // wrapper -->

</body>
</html>