Che cos'è un Rowspan?
L'attributo RowSpan è una funzione HTML (Hypertext Markup Language) che consente a una cella di tabella in una pagina Web di estendersi su più righe. L'HTML è uno dei modi principali 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. HTML incorpora il concetto di una tabella per organizzare i contenuti in una pagina.
Una tabella ha più righe e colonne che organizzano le informazioni in verticale e in orizzontale. Quando si visualizza una tabella HTML, si vorrebbe spesso applicare un singolo elemento di contenuto o distribuirlo su più righe. In una tabella, rowpan = N - dove N è un numero come 2, 3, ecc. - indica che la cella si estende su quelle righe.
Si consideri un esempio in cui i dati sulle vendite vengono visualizzati 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 meridionale ha avuto un cambio di testa durante il periodo di registrazione; i rispettivi importi devono essere attribuiti ad entrambe le persone. Il seguente codice ottiene questo.
<Html>
<table border = "1">
<Tr>
<Th> Regione </ th>
<Th> Capo </ th>
<Th> Vendite </ th>
</ Tr>
<Tr>
<Td> Oriente </ td>
<Td> Lewis </ td>
<Td> $ 2.100 </ td>
</ Tr>
<tr> <td rowspan = "2"> South </td> <td>Lilian</td><td>$1.180</td> </tr>
<tr> <td>Laverne</td><td>$1.300</td> </tr>
<tr> <td> West </td> <td>Larnoe</td><td>$1.900</td> </tr>
</ Table>
</ Html>
In questo esempio, viene creata una tabella. Vengono specificate le intestazioni Regione, Responsabile e Vendite seguite da quattro righe di dati. Ogni cella nella tabella è indicata dall'attributo dati tabella (td). I dati per Sud si estendono su due righe, quindi, specificando rows = 2, la parola Sud si estende su due righe. La riga successiva ha solo due attributi td e non tre come in tutte le altre righe.
Si può copiare questo codice in un file di testo e visualizzarlo in un browser per visualizzare l'effetto. In questo codice sono stati aggiunti spazi vuoti per identificare facilmente i responsabili delle vendite, ma non sono necessari. Il seguente è un esempio leggermente diverso in cui una persona, Lilian, dirige due regioni: sud e ovest.
<Html>
<table border = "1">
<Tr> <th> Regione </ th> <th> Capo </ th> <th> Vendite </ th> </ tr>
<Tr> <td> East </ td> <td> Lewis </ td> <td> $ 2.100 </ td> </ tr>
<tr> <td> Sud </td> <td rowpan = "2"> Lilian </td> <td> $ 2,480 </td> </tr>
<tr> <td> Ovest </td> <td>$1.900</td> </tr>
</ Table>
</ Html>
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 nella parte superiore o laterale, le informazioni principali nel mezzo e così via. Nel creare una tale pagina Web, una struttura di tabella viene spesso utilizzata sotto senza che il lettore ne sia consapevole. Per dare un effetto uniforme, l'attributo rowpan viene utilizzato ogni volta che parte del contenuto si estende su più righe.
Si potrebbe desiderare di 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 banda di colore lungo il lato destro. In questo caso, è possibile utilizzare la funzione di apertura della riga per indicare che la banda di colore si estende su tutte le righe.