Page 46 - Guida tascabile HTML5

Affrontando i tag dedicati alla struttura del contenuto, è utile introdurre anche il

tag <hr>, acronimo di horizontal rule. Si tratta di un elemento vuoto: non prevede
alcun contenuto, non ha attributi particolari e non necessita di un corrispondente tag

di chiusura.

<p>Questo contenuto è prima della separazione orizzontale</p>

<hr>

<p>Questo contenuto è dopo la separazione orizzontale</p>

Figura 3.3 Il tag <hr> di default viene visualizzato come una linea orizzontale.

Solitamente viene visualizzato dai browser in modo predefinito come una linea

orizzontale a tutta larghezza, ma è possibile modificarne l’aspetto con opportune

regole CSS.

NOTA Il tag <hr> non è molto utilizzato a causa di un supporto CSS poco uniforme tra i
vari browser. In ogni caso, applicando le corrette regole di stile è possibile annullare
del tutto tale problema.

Il valore semantico del tag <hr> si sovrappone in parte con quello intrinseco

derivato dall’utilizzo del tag <section>. Osservate le differenze tra l’esempio qui di

seguito e il successivo:

<section>
...
</section>
<!-- fine di una sezione e inizio della successiva -->
<section>
...
</section>
In base al “peso” che è necessario attribuire alla suddivisione del contenuto,

potrebbe essere preferibile utilizzare il tag <hr> per separare due aree tematiche
nella stessa sezione:

<section>
...
<hr>
...
</section>