Hvad er en rowspan?

Attributten Rowspan er et HyperText Markup Language (HTML) -funktion, 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.Typisk afkoder en webbrowser HTML sendt med et websted og viser resultaterne på en computerskærm i et læsbart format.HTML inkorporerer konceptet med en tabel for at organisere indholdet på en side.

En tabel har flere rækker og kolonner, der lodret og vandret organiserer oplysninger.Når man viser en HTML -tabel, vil man ofte gerne have, at et enkelt indholdselement skal anvende eller sprede over flere rækker.I en tabel, rowspan ' n ndash;hvor n er et nummer såsom 2, 3 osv. Ndash;Angiver, at cellen spreder sig over så mange rækker.

Overvej et eksempel, hvor salgsdata vises som et tabel med tre kolonneoverskrifter: salgsregionen, den person, der leder regionen og salgsbeløbet.South -regionen havde en ændring af hovedet i optagelsesperioden;De respektive beløb tilskrives begge mennesker.Følgende kode opnår dette.

lt; html gt;
lt; tabelgrænse ' 1 gt;

lt; tr gt;
lt; th gt; region lt;/th gt;
lt; th gt; head lt;/th gt;
lt; th gt;
lt; th gt; head lt;/th gt;
lt; th gt;
lt; th gt; head lt;/th gt;
lt; th gt;
lt; th gt; head lt;/th gt;
lt;; Salg lt;/th gt;
lt;/tr gt;

lt; tr gt;
lt; td gt; øst lt;/td gt;
lt; lt;/tr g; tr gt; lt; td gt; LaVerne lt;/td gt; lt; td gt; $ 1.300 lt;/td gt; lt;/tr gt;

lt; tr gt; lt;; lt; td gt; $ 1.900 lt;/td gt; lt;/tr gt;

lt;/tabel gt;
lt;/html gt;

I dette eksempel oprettes en tabel.Overskrifterne, hovedperson og salg er specificeret efterfulgt af fire rækker med data.Hver celle i tabellen er angivet med attributten Table Data (TD).Dataene for South går over to rækker, så ved at specificere rowspan ' 2 strækker ordet syd sig over to 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 salgshoveder, men de er ikke nødvendige.Følgende er et lidt anderledes eksempel, hvor en person, Lilian, leder to regioner: syd og vest.

lt; html gt;

lt; tabelgrænse ' 1 gt;

lt; tr gt; lt; th gt; region lt;/th gt; lt; th gt; head lt;/th gt; lt; th gt; salg lt;/th gt; lt;/tr gt;

lt; tr gt; lt;/td lt;td gt; $ 2.100 lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; South lt;/td lt; td; $ 2 gt; lt;/tr gt;

lt; tr gt; lt; td gt; west lt;/td gt; lt; td gt; $ 1.900 lt;/td gt; lt;/tr gt;

lt;/tabel gt;

lt;/html gt;

En webside behøver muligvis ikke at vise data i en tabelform.Det kan have et overskrift som firmanavnet og logoet, en eller flere menuer på toppen eller ved siden, hovedinformation i midten og så videre.Ved oprettelse af en sådan webside bruges en tabelstruktur ofte nedenunder, uden at læseren er opmærksom på det.For at give en jævn effekt bruges Rowspan -attributten, når noget af indholdet spreder sig over flere rækker.

Man ønsker måske at oprette en personlig webside, for eksempel inkluderer tre kolonner med information: familie, karriere og samfund.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 rowspan -funktionen bruges til at indikere, at farvebåndet spænder over alle rækker.