Elemente semantice în HTML5. Elementul HTML5 aside. Elementele HTML5 figure și figcaption.

Elementul HTML5 <aside>

Elementul <aside> definește un anumit conținut în afară de conținutul în care este plasat (ca o bară laterală/like a sidebar).
Conținutul <aside> ar trebui să fie legat de conținutul din jur.

Exemplu:

<p>Eu și cu familia mea am vizitat centrul Epcot în această vară.</p>

<aside>
  <h4>Centrul Epcot</h4>
  <p>Centrul Epcot este un parc tematic din Disney World, Florida.</p>
</aside>

Elementele HTML5 <figure> și <figcaption>

Scopul unei figurine este adăugarea unei explicații vizuale unei imagini.
În HTML5, o imagine și o legendă pot fi grupate într-un element <figure>:

Exemplu:

<figure>
  <img src="pic_trulli.jpg" alt="Trulli">
  <figcaption>Fig1. - Trulli, Puglia, Italy.</figcaption>
</figure>

Elementul <img> definește imaginea, elementul <figcaption> definește o legendă.