# Structure Elements: header, nav, main, section and footer

Structure elements such as header, nav, main and footer label the big parts of a page by what they are, which helps people using screen readers, search engines, and you when you style each part.

![Cheat sheet: Structure Elements: header, nav, main, section and footer](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/f5654e6fbb004361a989a6da7c9b1ba8.webp)

- Category: CSS
- Level: Novice
- Tags: <div>, <span>, CSS, html, Landmark, Semantic HTML
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-html-structure-elements-cheat-sheet