Page structure
The overall HTML structure (head and body omitted for clarity).
Default:
<div id="wrap"> <main id="content" class="narrow"> Main content banner, text, images, comments etc (created in admin) </main> <div id="search"> Search form (if used) </div> <nav id="menu" class="one"> Navigation menu (auto generated) (default position) </nav> <div id="extra" class="normal"> Optional extra content (default position) Edit /inc/extra.php in admin </div> <footer id="footer"> Footer links etc (add links in admin) </footer> </div>
Optional wide page layout:
<div id="wrap"> <main id="content" class="wide"> Main content banner, text, images, comments etc (created in admin) </main> <div id="search"> Search form (if used) </div> <nav id="menu" class="two"> Navigation menu (auto generated) (different position option) </nav> <div id="extra" class="option"> Optional extra content (different position option) Edit /inc/extra.php in admin </div> <footer id="footer"> Footer links etc (add links in admin) </footer> </div>
The above is the order of display when there is no stylesheet — no styles at all. There are very few modern websites built without any styles. The display of web pages is normally controlled by a stylesheet with rules that create a design (or theme).