With earlier versions of HTML, divisions with ids were used to organise pages into a logical structure. However there was no required standard, which made it harder for search engines to “understand” what was on a page.

HTML5 introduced new standard semantic elements to identify the different parts of a page.

• <header>
  Contains the page banner, often including a title, graphic, company icon or link to the home page.
• <nav>
  Contains the navigation bar/links.
• <main>
  Contains the page content: graphics, text, sound and video
• <section>
  Used inside <main> for different sections
• <footer>
  Contains general information, for example links to contact details, FAQs, copyright information or legal agreements.