Come Sottolineare il Testo in HTML

Anche se è possibile sottolineare il testo in HTML racchiudendolo nel tag <u> — ad esempio, "<u>questo testo è sottolineato</u>" — l'approccio consigliato consiste nel creare un foglio di stile a cascata (CSS), definire una classe di stile e applicarla al testo che si desidera sottolineare.

Esempio con CSS

Inserisci il seguente codice CSS tra i tag <head>:

<style>
.emphasis { text-decoration: underline; }
</style>

Quindi applica la classe al testo desiderato nel corpo della pagina:

<p class="emphasis">questo testo è sottolineato.</p>

Convenzioni Comuni per Enfatizzare il Testo

In HTML5, il tag <u> dovrebbe essere utilizzato per etichettare i nomi propri cinesi e per indicare parole scritte male. Poiché il testo sottolineato indica tipicamente un collegamento ipertestuale in una pagina web, è preferibile usare attributi diversi, come il grassetto o il corsivo, per enfatizzare il testo.

Quando si utilizza un foglio di stile CSS per definire lo stile del testo enfatizzato, basta modificare un'unica regola di stile per convertire automaticamente tutto il testo sottolineato in grassetto o corsivo. Ad esempio, cambia la definizione della classe CSS in:

.emphasis { font-weight: bold; }

oppure

.emphasis { font-style: italic; }

Questo approccio garantisce una maggiore manutenibilità e coerenza visiva su tutto il sito.