Semantic HTML

Semantic elements clearly describe their meaning to both the browser and the developer.

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>
<dialog>

html

<article>
  <header>
    <h1>Semantic Article</h1>
  </header>
  <p>Content...</p>
  <dialog open>
    <p>This is an open dialog window</p>
  </dialog>
</article>

13 / 18

Back to Categories

Current Path

HTML5

Jump to topic:

Semantic HTML

Semantic elements clearly describe their meaning to both the browser and the developer.

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>
<dialog>

html

<article>
  <header>
    <h1>Semantic Article</h1>
  </header>
  <p>Content...</p>
  <dialog open>
    <p>This is an open dialog window</p>
  </dialog>
</article>

13 / 18