Page 70 - Guida tascabile HTML5

Capitolo 5

Gli elementi in linea

Questo capitolo è dedicato all’insieme di tag definiti inline (in linea). Il

contenuto racchiuso in questi tag non viene rappresentato nella pagina come un box
nel flusso del documento, ma piuttosto come una caratterizzazione puntuale del

contenuto. Per chiarire il concetto, immaginiamo l’utilizzo del tag <b>

(abbreviazione di bold) con cui una porzione di testo, per esempio all’interno di un
paragrafo <p>, viene visualizzata in grassetto:

<p>Una porzione del paragrafo è in <b>grassetto</b>: i tag inline non interrompono
il normale flusso del testo.</p>

Figura 5.1 Il testo tra <b> e </b> nel markup è prodotto in grassetto nella pagina.

La specifica HTML5, ponendo in generale l’accento sulla marcatura semantica

del markup, ha rivisto anche la definizione di alcuni tag inline, legandone l’utilizzo

più al ruolo del contenuto all’interno del documento che alla semplice
formattazione tipografica. Procedendo con la descrizione dei singoli tag saranno

forniti esempi dei casi d’uso più caratteristici.

I link ipertestuali: il tag <a>

Prima di analizzare i tag legati alla caratterizzazione del contenuto è doveroso

dedicare un paragrafo a uno dei tag fondamentali che hanno reso il markup HTML

la base del Web: con il tag <a> (abbreviazione di anchor) vengono definiti gli

hyperlink utilizzati per collegare le pagine web tra loro.
Il testo marcato con questo tag diverrà attivo, e posizionando il mouse sopra di

esso il puntatore cambierà forma, per avvisare l’utente della funzione disponibile.

Visita <a href="http://www.apogeonline.com">apogeonline.com</a> per news e
aggiornamenti.