Vad är en rowspan?
Radspanattributet är en HTML-funktion (hypertext markup language) som gör att en tabellcell på en webbsida kan sträcka sig över flera rader. HTML är ett av de viktigaste sätten på vilket webbsidor skapas. Vanligtvis avkodar en webbläsare HTML som skickas av en webbplats och visar resultaten på en datorskärm i ett läsbart format. HTML innehåller begreppet en tabell för att organisera innehållet på en sida.
En tabell har flera rader och kolumner som vertikalt och horisontellt organiserar information. När man visar en HTML-tabell vill man ofta att ett enstaka innehållsföremål ska appliceras eller spridas över flera rader. I en tabell anger radspan = N - där N är ett nummer som 2, 3 etc. - att cellen sprider sig över så många rader.
Tänk på ett exempel där försäljningsdata visas som en tabell med tre kolumnrubriker: försäljningsregionen, personen som leder regionen och försäljningsbeloppet. Södra regionen hade ett huvudbyte under inspelningsperioden; respektive belopp ska tillskrivas båda personerna. Följande kod uppnår detta.
<Html>
<table border = "1">
<Tr>
<Th> Region </ th>
<Th> Head </ th>
<E> Rea </ th>
</ Tr>
<Tr>
<Td> East </ td>
<Td> Lewis </ td>
<Td> $ 2100 </ 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>
I det här exemplet skapas en tabell. Rubrikerna Region, Huvudperson och Försäljning specificeras följt av fyra rader med data. Varje cell i tabellen indikeras av attributet tabelldata (td). Uppgifterna för söder går över två rader, så genom att ange radspan = 2 sträcker sig ordet söder över två rader. Nästa rad har bara två td-attribut och inte tre som i alla andra rader.
Man kan kopiera den här koden till en textfil och ta upp den i en webbläsare för att se effekten. Tomt utrymme har lagts till i den här koden för att enkelt identifiera försäljningshuvudena, men de är inte nödvändiga. Följande är ett något annorlunda exempel där en person, Lilian, leder två regioner: söder och väster.
<Html>
<table border = "1">
<Tr> <th> Region </ th> <th> Head </ th> <th> Försäljning </ th> </ tr>
<Tr> <td> East </ td> <td> Lewis </ td> <td> $ 2100 </ td> </ tr>
<tr> <td> South </td> <td rowspan = "2"> Lilian </td> <td> $ 2,480 </td> </tr>
<tr> <td> West </td> <td>$1,900</td> </tr>
</ Table>
</ Html>
En webbsida kanske inte behöver visa data i tabellform. Det kan ha en rubrik som företagsnamn och logotyp, en eller flera menyer på toppen eller vid sidan, huvudinformation i mitten och så vidare. När du skapar en sådan webbsida används ofta en tabellstruktur under utan att läsaren är medveten om den. För att ge en jämn effekt används rodspanattributet närhelst något av innehållet sprids över flera rader.
Man kanske vill skapa en personlig webbsida, till exempel, som innehåller tre kolumner med information: Familj, Karriär och Gemenskap. Varje kolumn kan ha en kort introduktion, ett foto och detaljer. För att sidan ska se bättre ut kan ett färgband användas på höger sida. I detta fall kan radspanfunktionen användas för att indikera att färgbandet sträcker sig över alla rader.