L’attributo rowspan è una funzionalità HTML (hypertext markup language) che consente a una cella di tabella in una pagina Web di estendersi su più righe. L’HTML è uno dei principali modi in cui vengono create le pagine web. In genere, un browser Web decodifica l’HTML inviato da un sito Web e visualizza i risultati sullo schermo di un computer in un formato leggibile. L’HTML incorpora il concetto di tabella per organizzare i contenuti in una pagina.
Una tabella ha più righe e colonne che organizzano le informazioni verticalmente e orizzontalmente. Quando si visualizza una tabella HTML, spesso si desidera che un singolo elemento di contenuto venga applicato o distribuito su più righe. In una tabella, rowspan=N – dove N è un numero come 2, 3, ecc. – indica che la cella si estende su quel numero di righe.
Considera un esempio in cui i dati sulle vendite vengono mostrati come una tabella con tre intestazioni di colonna: la regione di vendita, la persona che dirige la regione e l’importo delle vendite. La regione del Sud ha avuto un cambio di testa durante il periodo di registrazione; i rispettivi importi sono da attribuire ad entrambe le persone. Il seguente codice ottiene questo.
In questo esempio viene creata una tabella. Vengono specificate le intestazioni Regione, Responsabile e Vendite seguite da quattro righe di dati. Ogni cella della tabella è indicata dall’attributo dati della tabella (td). I dati per South si estendono su due righe, quindi, specificando rowspan=2, la parola South si estende su due righe. La riga successiva ha solo due attributi td e non tre come in tutte le altre righe.
È possibile copiare questo codice in un file di testo e visualizzarlo in un browser per visualizzare l’effetto. In questo codice sono stati aggiunti degli spazi vuoti per identificare facilmente i responsabili delle vendite, ma non sono necessari. Quello che segue è un esempio leggermente diverso in cui una persona, Lilian, è a capo di due regioni: Sud e Ovest.
Potrebbe non essere necessario che una pagina Web mostri i dati in forma tabellare. Potrebbe avere un’intestazione come il nome e il logo dell’azienda, uno o più menu in alto o a lato, le informazioni principali al centro e così via. Nella creazione di una tale pagina Web, viene spesso utilizzata una struttura di tabella sottostante senza che il lettore ne sia consapevole. Per dare un effetto uniforme, l’attributo rowspan viene utilizzato ogni volta che parte del contenuto si estende su più righe.
Si potrebbe voler creare una pagina web personale, ad esempio, che includa tre colonne di informazioni: Famiglia, Carriera e Comunità. Ogni colonna può avere una breve introduzione, una foto e dettagli. Per migliorare l’aspetto della pagina, è possibile utilizzare una fascia di colore lungo il lato destro. In questo caso, la funzione di estensione delle righe può essere utilizzata per indicare che la banda di colore si estende su tutte le righe.