Core Code
Core Code Modern Dev Handbook

Semantic Layout Example

Example combining multiple semantic elements.

Preview

Code

<header>Header</header>

<nav>Navigation</nav>

<main>
<section>
<p>Main content area</p>
</section>
</main>

<footer>Footer</footer>

More HTML Semantics Examples (7)

example Header Element open example example Navigation Element open example example Main Element open example example Section Element open example example Article Element open example example Aside Element open example example Footer Element open example