Ordering

Most languages read and process top-to-bottom, so its important to list these elements linearly and/or logically down the page.

HTML
<!DOCTYPE html>

<html>
  <body>
  
    <!-- This is improper ordering of blocks! -->
    <!-- The footer should come after the main content. -->
    <footer>
      <p>(C) Justine Evans, 2018</p>
    </footer>

    <main>
      <h1>"Debt"</h1>
      <h2>A sonnet about student loans.</h2>
    </main>

  </body>
</html>