Colspan -attribuutti on HTML -ominaisuus, jonka avulla verkkosivun taulukkosolu voi ulottua useille sarakkeille. HTML on yksi tärkeimmistä tavoista luoda verkkosivuja. Yksi tapa tuoda rakenne HTML -verkkosivulle on taulukon käsite. Taulukossa on useita rivejä ja sarakkeita. Taulukon yksittäisten solujen tiedot näkyvät pystysuunnassa ja vaakasuunnassa järjestettynä.
Usein HTML -taulukkoa näytettäessä halutaan, että joitakin tietoja käytetään tai jaetaan useille sarakkeille. Kun tällainen tieto on rajoitettu yhteen riviin, colspan -attribuutti on kätevä. Siksi colspan = N, jossa N on jokin luku, kuten 2, 3 jne., Osoittaa, että solu leviää tai ulottuu niin monta saraketta.
Harkitse esimerkkiä, jossa myyntitiedot näytetään taulukkona, jossa on kolme sarakeotsikkoa: myyntialue, aluetta johtava henkilö ja myyntimäärä. Kun summa näytetään, vain myyntimäärä on kiinnostava. Henkilösolu on tyhjä kyseisellä rivillä. Tyhjän solun näyttämisen sijaan on mukava kiinnittää huomiota kokonaissummaan. Seuraava koodi saavuttaa tämän.
Tässä esimerkissä luodaan taulukko ja määritetään kolme otsikkoa – Alue, myyntipäällikkö ja myynti – ja kolme tietoriviä. Jokainen taulukon solu on merkitty td -määritteellä “taulukon tiedoille”. Neljännellä rivillä ilmaus kokonaismyynti annetaan kokonaissumman kanssa. Huomaa, että ilmausta ”Kokonaismyynti” korostaa sen solu, joka kattaa kaksi saraketta: Alue- ja Pääsarake; tämä saavutetaan määrittämällä colspan = 2. Tämä solu kattaa kaksi saraketta, joten tällä rivillä on vain kaksi td -määritettä eikä kolme kuten muilla riveillä.
Tämän koodin voi kopioida tekstitiedostoon ja tuoda selaimeen nähdäksesi tehosteen. Verkkosivu ei ehkä usein vaadi tietojen näyttämistä taulukon soluissa kuten yllä olevassa esimerkissä. Taulukon konsepti on kuitenkin erittäin hyödyllinen tietojen järjestämisessä verkkosivulla.
Verkkosivu koostuu usein ylätunnisteesta, kuten yrityksen nimi ja logo, yksi tai useampi valikko ylhäällä tai sivuilla, tärkeimmät tiedot keskellä ja yhteenvetotiedot alareunassa. Tämän saavuttamiseksi voidaan käyttää taulukkorakennetta ilman, että lukija on tietoinen siitä. Usein jotkut tiedot leviävät useille sarakkeille käyttämällä colspan -määritettä, mikä estää verkkosivun näyttämästä kömpelöltä.
Haluat esimerkiksi henkilökohtaisen sivun, jossa on kolme saraketta: Perhe, Ura ja Yhteisö. Olisi mukava vaikutus rikkoa yksitoikkoiset sarakkeet valokuvalla jossain sivun alapuolella, jolloin se leviää kaikkiin sarakkeisiin. Seuraava koodi saavuttaa tämän span arvolla 3.