SEZIONI

HTML prevede i seguenti tag generici per aggiungere stile alle pagine web

  • <style> Definisce lo stile all’interno del documento
  • <div> Definisce una sezione generica (un blocco)
  • <span> Definisce una sezione generica (anche un solo carattere)

HTML5 consiglia di utilizzare i tag semantici

  • <article> articolo
  • <aside>
  • <data>
  • <details>
  • <dialog>
  • <figcaption>
  • <figure>
  • <footer> piè di pagina
  • <header> intestazione
  • <hgroup>
  • <main>
  • <mark>
  • <nav>
  • <section> sezione
  • <summary>
  • <time>

Il tag semantico

  • dichiara esplicitamente cosa contiene
  • specifica una sezione di uso ricorrente
  • non prevede alcuna formattazione (viene delegata al foglio di stile)

ARTICLE

ASIDE

FOOTER

HEADER

MAIN

NAV

SECTION

TIME

<time datetime="2021-05-18">18 maggio 2021</time>

Delimita una data, un’ora, una data e ora

L’attributo datetime

  • specifica l’informazione in un formato standard
  • il suo formato è piuttosto complesso
  • il suo valore potrebbe essere utilizzato dal browser