HTModL in the wild

Ken Webb 2011-04-29T19:42:17Z

Many or most web sites use trees of div elements to organize the HTML markup.

The main English language Environment Canada Weather Office page (as of April 20, 2011) has roughly the following structure. Two of these div elements are invalid HTModL (but perfectly valid HTML), because they have no class.

<div class="page">
  <div class="core">
    <div class="fip"></div>
    <div class="cwm"></div>
    <div class="banner"></div>
    <div class="navaid"></div>
    <div class="fp"></div>
    <div id="colLayout" class="colLayout">
      <div class="left">
        <div id="proactiveDisclosure"></div>
      </div>
      <div class="center"></div>
      <div class="skipContent"></div>
      <div id="wcMap"></div>
      <div class="outerbox">
        <div class="weatherNavs"></div>
        <div class="emptyDivBoth"></div>
      </div>
    </div>
    <div class="ecfooter"></div> 
    <div class="footer">
      <div class="footerline"></div>
      <div class="foot1"></div>
      <div class="foot2"></div>
      <div class="foot3"></div>
    </div>
  </div>
</div>

Among numerous other pages: The main BBC news page.

return to main page