Page Sectioning and Content Grouping

• Semantic elements are HTML elements whose element or tag name clearly defines what kind of content the element contains
• Non-semantic elements have names that don't clearly identify their contents.

Here are the basic sections/ containers on a simple site:

• header
• main, containing the following containers:
  • nav
  • sections
  • articles
  • aside
• footer