Basic page structure

The HTML

Of note:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Page title</title>
</head>
<body>
 
 
 <!-- GLOBAL STRAP -->
  <div id="global_strap">
    <div class="wrapper centred">
      <a id="global_link_cern" href="https://cern.ch/" title="Go to the CERN homepage" name="global_link_cern"><span>CERN</span></a> <!-- SEARCH -->
      <div id="global_search">
        <form action="http://cern.ch/cernsearch" method="get" name="searchform" id="searchform">
          <input name="tx1" type="text" /><button value="Search" type="submit">Search</button>
        </form>
      </div><a href="#" id="langswitch_fr" class="plain" title="cette page en français" name="langswitch_fr">en français</a>
    </div><!-- /wrapper_centred -->
  </div><!-- /global_strap -->
  
  
  
  
  <!--SITE BANNER -->
  <div id="site_banner">
    <h1><a href="/framework/" title="go to this site's homepage">Site title</a></h1>
  </div><!-- /site_banner -->
  
  
  
  
  <!--PAGE-->
  <div id="page">
    <div id="page_wrapper" class="grid clearfix">
      <!-- SITE NAVIGATION -->
      <div class="column">
        <ul id="site_navigation">
          <li class="first selected"><a href="/framework/">Welcome</a></li>
          <li><a href="/framework/foo/">foo</a></li>
          <li class="last"><a href="/framework/bar/">bar</a></li>
        </ul>
      </div><!-- /site_nav -->
      <!-- CONTENT -->
      <div id="page_content" class="column span_three">
        <h1>Page title</h1>
      </div><!-- /PAGE CONTENT -->
      <!-- FEATURE COLUMN -->
      <div class="column last">
        Right column
      </div>
    </div><!-- /page_wrapper -->
  </div><!-- /page -->
  
  
  
  
  <div id="site_footer" class="wrapper centred">
    SITE FOOTER
  </div><!-- /site_footer -->
  
  
  
  <div id="global_footer" class="wrapper centred">
    GLOBAL FOOTER - proposed
  </div><!-- /site_footer -->
  
  
  
  
</body>
</html>

 
 
 

The rendered output:

CERN en français

Site title

Page title

Right column