Page 24 - Guida tascabile HTML5

Il sottotitolo

Sebbene non esista un tag dedicato a questa specifica funzione semantica, è

prassi consolidata inserire nel documento un eventuale sottotitolo utilizzando una

marcatura analoga a quella già utilizzata negli esempi precedenti:

<header>
<h1>Titolo e sottotitolo</h1>
<p>I due tag raggruppati creano l'intestazione completa</p>
</header>
Il titolo <h1> e il sottotitolo (identificato dal tag <p>) sono raggruppati nel tag

<header> formando un’intestazione più strutturata. La caratterizzazione grafica sarà

poi gestita dagli stili CSS associati al documento.

I paragrafi

Il contenuto testuale della pagina è suddiviso in paragrafi, identificati dal tag <p>
(paragraph in inglese). Essendo elementi di blocco, i paragrafi inizieranno ognuno

su una nuova riga, e di default saranno leggermente spaziati verticalmente uno
dall’altro.

ATTENZIONE Nei paragrafi <p> non è possibile inserire altri elementi di blocco

nidificati: il valore semantico del paragrafo è strettamente legato al concetto di blocco
di testo come unità minima del contenuto. Prevedete sempre un tag di chiusura </p>
prima di proseguire con il markup.

Il testo del paragrafo si adatterà per riempire tutto lo spazio orizzontale a

disposizione: raggiunta l’estremità destra della finestra, proseguirà nella riga
successiva. Ridimensionando la finestra, il testo si disporrà automaticamente per

adattarsi allo spazio.
Per forzare un’interruzione di riga all’interno del paragrafo avete a disposizione

il tag <br> (line break): inseritelo semplicemente dove volete che il testo vada a

capo, a prescindere dallo spazio rimanente sulla riga. Questo tag è un elemento
vuoto che non necessita né di attributi né di tag di chiusura.

<p>Il markup di questo paragrafo prevede un'interruzione di riga dopo i due punti:
<br>tale interruzione non dipende dalla dimensione della finestra.</p>

Figura 2.5 Un esempio di utilizzo del tag <br>.