In questa lezione vi parlo degli stili logici e vi spiego come si usano.

Stili

Un testo può essere formattato per farlo distinguere dal resto del documento.

La formattazione può essere fatta applicando uno stile tipografico a seconda dell’effetto che vogliamo ottenere: rendere le parole più spesse, sottolinearle, ecc.

Gli stili si dividono in due categorie:

• fisici, quando spiegano solo il modo in cui devono essere visualizzati (trattano solo l’aspetto estetico);
• logici, quando indicano la funzione del testo all’interno della pagina (trattano l’aspetto logico-funzionale).

Stili logici

Uno stile logico comunica al browser la funzione di quel testo nella pagina: sarà proprio tale browser a decidere in che modo far visualizzare quel testo.

<strong>

Il tag <strong> indica un testo che deve essere marcato. Normalmente viene rappresentato con un grassetto.

<em>

Il testo in enfasi ha le lettere inclinate come il corsivo e viene inserito mediante il tag <em>

<del>

Con il tag <del> viene indicato un testo che è stato disattivato (ovvero non è più valido perché, ad esempio, è stato sostituito da altro) e appare barrato.

<ins>

Il tag <ins> indica il testo inserito (ad esempio perché sostituisce il testo prima barrato) e questo appare con una sottolineatura.

<mark>

Possiamo far risaltare un testo applicando uno sfondo colorato, mediante l’effetto “evidenziatore” usando il tag <sup>

Qui potete vedere il codice di tutti gli stili sopracitati:

E qui vedete il risultato finale:

Video