Co je to Rowspan?
Atribut rowspan je funkce jazyka HTML (hypertext markup language), která umožňuje buňce tabulky na webové stránce rozšířit se na více řádků. HTML je jedním z hlavních způsobů vytváření webových stránek. Webový prohlížeč obvykle dekóduje HTML odesílané webem a zobrazuje výsledky na obrazovce počítače v čitelném formátu. HTML obsahuje koncept tabulky pro organizování obsahu na stránce.
Tabulka obsahuje více řádků a sloupců, které vertikálně a horizontálně organizují informace. Při zobrazení tabulky HTML byste často chtěli použít jednu položku obsahu nebo ji rozložit na více řádků. V tabulce řádek rozpětí = N - kde N je číslo jako 2, 3 atd. - označuje, že buňka se šíří přes tolik řádků.
Vezměme si příklad, kde jsou údaje o prodeji zobrazeny jako tabulka se třemi záhlavími sloupců: oblast prodeje, osoba, která oblast vede, a částka prodeje. Jižní oblast zaznamenala během nahrávacího období změnu hlavy; příslušné částky mají být přiřazeny oběma lidem. Toho dosahuje následující kód.
<html>
<ohraničení tabulky = "1">
<tr>
<th> Region </th>
<th> Head </th>
<th> Prodej </th>
</tr>
<tr>
<td> východ </td>
<td> Lewis </td>
<td> 2 100 $ </td>
</tr>
<tr> <td rowspan = "2"> Jih </td> <td>Lilian</td><td>$1,180</td> </tr>
<tr> <td>Laverne</td><td>$1,300</td> </tr>
<tr> <td> Západ </td> <td>Larnoe</td><td>$1,900</td> </tr>
</table>
</html>
V tomto příkladu je vytvořena tabulka. Nadpisy Region, Head person a Sales jsou specifikovány následované čtyřmi řádky dat. Každá buňka v tabulce je označena atributem data tabulky (td). Data pro Jih se táhnou přes dva řádky, takže zadáním rowspan = 2 se slovo South rozšíří přes dva řádky. Následující řádek má pouze dva atributy td a ne tři jako ve všech ostatních řádcích.
Jeden může zkopírovat tento kód do textového souboru a vyvolat jej v prohlížeči pro zobrazení efektu. Do tohoto kódu byly přidány prázdné mezery pro snadnou identifikaci prodejních hlav, ale nejsou nutné. Následuje mírně odlišný příklad, kdy jedna osoba, Lilian, vede dva regiony: Jih a Západ.
<html>
<ohraničení tabulky = "1">
<tr><th>Region</th><th>Head</th><th>Sales</th> </tr>
<tr><td>Vždy</td><td>Lewis</td><td>$2,100</td> </tr>
<tr> <td> Jih </td> <td rowspan = "2"> Lilian </td> <td> 2 480 $ </td> </tr>
<tr> <td> Západ </td> <td>$1,900</td> </tr>
</table>
</html>
Na webové stránce nemusí být nutné zobrazit data v podobě tabulky. Mohlo by mít záhlaví, jako je název společnosti a logo, jedno nebo více nabídek nahoře nebo na boku, hlavní informace uprostřed a podobně. Při vytváření takové webové stránky se často používá struktura tabulky, aniž by si toho čtenář byl vědom. K dosažení hladkého efektu se atribut rowspan používá vždy, když se některý obsah rozloží na více řádků.
Jeden může chtít vytvořit osobní webovou stránku, která například obsahuje tři sloupce informací: Rodina, Kariéra a Komunita. Každý sloupec může mít krátký úvod, fotografii a podrobnosti. Za účelem lepšího vzhledu stránky je možné po pravé straně použít barevný pruh. V tomto případě může být funkce rozpětí řádků použita k označení, že pruh barvy zahrnuje všechny řádky.