Hvad er en rowspan?
Attributten for rækkevidde er en HTML-funktion (hypertext markup language), der gør det muligt for en tabelcelle på en webside at strække sig over flere rækker. HTML er en af de vigtigste måder, hvorpå websider oprettes. En webbrowser afkoder typisk HTML sendt af et websted og viser resultaterne på en computerskærm i et læsbart format. HTML indeholder konceptet om en tabel til at organisere indholdet på en side.
En tabel har flere rækker og kolonner, der lodret og vandret organiserer information. Når man viser en HTML-tabel, vil man ofte gerne have, at et enkelt indholdsemne anvendes eller spredes over flere rækker. I en tabel angiver række = N - hvor N er et tal som 2, 3 osv. - at cellen spreder sig over så mange rækker.
Overvej et eksempel, hvor salgsdata vises som en tabel med tre kolonneoverskrifter: salgsregionen, personen, der leder regionen, og salgsbeløbet. Sydregionen skiftede hoved i optagelsesperioden; de respektive beløb tilskrives begge personer. Følgende kode opnår dette.
<Html>
<table border = "1">
<Tr>
<Th> Region </ th>
<Th> Hoved </ th>
<Th> Salg </ th>
</ Tr>
<Tr>
<Td> Øst </ td>
<Td> Lewis </ td>
<Td> $ 2.100 </ td>
</ Tr>
<tr> <td rowspan = "2"> Syd </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>
I dette eksempel oprettes en tabel. Overskrifterne Region, Hovedperson og Salg specificeres efterfulgt af fire rækker med data. Hver celle i tabellen er angivet med attributten tabeldata (td). Dataene for syd går på tværs af to rækker, så ved at specificere række = 2 udvides ordet syd på tværs af rækker. Den næste række har kun to td-attributter og ikke tre som i alle de andre rækker.
Man kan kopiere denne kode til en tekstfil og bringe den op i en browser for at se effekten. Der er tilføjet tomme rum i denne kode for let at identificere salgshovederne, men de er ikke nødvendige. Følgende er et lidt anderledes eksempel, hvor en person, Lilian, leder to regioner: Syd og vest.
<Html>
<table border = "1">
<Tr> <th> Region </ th> <th> Hoved </ th> <th> Salg </ th> </ tr>
<Tr> <td> Øst </ td> <td> Lewis </ td> <td> $ 2.100 </ td> </ tr>
<tr> <td> Syd </td> <td rowspan = "2"> Lilian </td> <td> $ 2.480 </td> </tr>
<tr> <td> Vest </td> <td>$1.900</td> </tr>
</ Table>
</ Html>
En webside behøver muligvis ikke at vise data i tabelform. Det kan have en overskrift, såsom firmanavn og logo, en eller flere menuer øverst eller på siden, hovedoplysninger i midten og så videre. Ved oprettelse af en sådan webside bruges ofte en tabelstruktur nedenunder uden at læseren er opmærksom på den. For at give en jævn effekt bruges attributten for rækkevidde, når noget af indholdet spreder sig over flere rækker.
Man ønsker måske at oprette en personlig webside, der f.eks. Indeholder tre kolonner med information: Familie, Karriere og Fællesskab. Hver kolonne kan have en kort introduktion, et foto og detaljer. For at få siden til at se bedre ud kunne et farvebånd bruges langs højre side. I dette tilfælde kan rækkespændfunktionen bruges til at indikere, at farvebåndet spænder over alle rækker.