HTML page structure
Everything in <body>
<div id="wrapper">
<div id="content">
Start of visible content column
If the page is password-protected, the 'enter password' form shows here. All content, pages last viewed and the messaging form (if enabled) are not shown unless the correct password was entered.
<h1>Heading</h1>
Paragraphs of content, images etc ...
<div id="history"> (if enabled)
Pages last viewed
</div>
If messaging is enabled, the form shows here.
Still in #content but not visible
<script src="https://etc/js/slides.js"></script>
<script src="https://etc/js/simpleToggle.js"></script>
<script src="https://etc/js/modal-img.js"></script>
<script src="https://etc/js/copy.js"></script>
<script src="https://etc/js/facebook-sdk.js"></script>
<!-- Page ID = index //-->
End of #content including not visible
<p class="meta">Page last modified: 21 February, 2024<br>
<a href="./search">Search</a> | <a href="http://qwwwik.com">qwwwik.com</a></p>
</div><!-- end #content //-->
End of visible content (but not the column)
Visible #edit and #footer out of flow in fixed positions
<div id="edit">
<p><a href="./edit">Edit</a></p>
</div><!-- end edit //-->
<div id="footer">
<p class="name"><a href="https://etc" title="Home">Name</a></p>
</div><!-- end #footer //-->
End of visible #edit and #footer
<!-- Served in 0.0021 secs //-->
<!-- Google Analytics etc -->
<!-- Code here //-->
End of everything in #wrapper
</div><!-- end #wrapper //-->
End </body>
See information