Siirry sivun sisältöön Avut CSS HTML JS Wp

TD-elementti XHTML 1.0 Strict -dokumenttityypissä

TD-elementillä (table data cell) merkitään taulukon rivien solut.

TD-elementin attribuutit

COLSPAN- ja ROWSPAN-attribuuteilla yhdistetään soluja. COLSPAN yhdistää soluja vaakasuunnassa (saraketasolla) ja ROWSPAN taas pystysuunnassa (rivitasolla). Attribuuttien arvoksi annetaan kierrätettävien solujen määrä (Number-tietotyyppi, oletusarvo on yksi). Esimerkiksi seuraava määritys: <td rowspan="4"></td> ulottaisi itsensä neljän rivin mittaiseksi edellyttäen, että sarakkeessa on sille tarpeeksi tilaa.

Huomioi, että näiden attribuuttien yhteydessä ei merkitä puuttuvia soluja ollenkaan. COLSPAN- ja ROWSPAN-attribuutteja käytettäessä on laskettava tarkkaan kierrätettävien sarakkeiden tai rivien määrä suhteessa taulukosta löytyvään tilaan. Esimerkkinä kaksirivinen ja neljäsarakkeinen taulukko, jossa toisen rivin kolme ensimmäistä solua on yhdistetty:

<table border="1">
<tr>
<td>Solu 1</td><td>Solu 2</td>
<td>Solu 3</td><td>Solu 4</td>
</tr>
<tr>
<td colspan="3">Solut 1 - 3</td>
<td>Solu 4</td>
</tr>
</table>

Esimerkkikoodimme tulostuu dokumenttiin seuraavasti:

Arvolla nolla on erikoismerkitys COLSPAN- ja ROWSPAN-attribuuttien yhteydessä:

• colspan="0" tarkoittaa sitä, että yhdistetään kaikki solut aina kyseisen sarakeryhmän (COLGROUP-elementti) loppuun asti
• rowspan="0" tarkoittaa sitä, että yhdistetään kaikki solut aina kyseisen riviryhmän (THEAD-, TFOOT- tai TBODY-elementti) loppuun asti

Mikäli taulukossa ei ole eksplisiittisiä sarake- tai riviryhmiä, niin silloin taulukko koostuu implisiittisesti yhdestä sarake- ja riviryhmästä, jolloin yhdistyminen ulottuu aina taulukon loppuun asti. Mutta on parempi itse laskea yhdistettävien solujen määrä, sillä tällä ominaisuudella on heikko asiakasohjelmatuki.

ABBR-attribuutin arvoksi voidaan antaa lyhennelmä solun sisällöstä (Text-tietotyyppi). Tämä mahdollistaa esim. tilan puutteessa lyhennelmän esittämisen solun sisällön sijaan.

AXIS-attribuutilla voidaan määritellä solut kuuluvaksi yhteen tai useampaan kategoriaan. Arvoksi annetaan vapaasti valittava kategorian nimi tai pilkuilla erotettuja kategorianimiä (CDATA-tietotyyppi). Tämä mahdollistaa esim. ohjelmallisen vuorovaikutuksen taulukon kanssa.

HEADERS-attribuutilla voidaan viitata solun otsikkosoluihin. Se tapahtuu antamalla attribuutille arvoksi otsikkosolun tai otsikkosolujen (yleisellä ID-attribuutilla määritetyt ja välilyönnillä erotetut, IDREFS-tietotyyppi) yksilölliset tunnisteet. Tämä mahdollistaa esim. sen, että otsikkosolu(t) voidaan lukea ennen varsinaista datasolua.

SCOPE-attribuutti on yksinkertaisempi vaihtoehto HEADERS-attribuutille. Attribuutilla kerrotaan solun otsikkotietojen ulottuvuus seuraavilla arvoilla:

• row - solu sisältää otsikkotietoja, jotka koskevat sitä riviä, jossa solu sijaitsee
• col - solu sisältää otsikkotietoja, jotka koskevat sitä saraketta, jossa solu sijaitsee
• rowgroup - solu sisältää otsikkotietoja, jotka koskevat sitä riviryhmää (THEAD-, TFOOT-, tai TBODY-elementtiä), jossa solu sijaitsee
• colgroup - solu sisältää otsikkotietoja, jotka koskevat sitä sarakeryhmää (COLGROUP-elementtiä), jossa solu sijaitsee

Tasausattribuutit

Elementin loput ominaiset attribuutit koskevat solujen sisällön tasausta.

ALIGN-attribuutti määrittelee datan vaakasuoran kohdistumisen solun sisällä. Sallitut arvot ovat:

• left - tasaa vasempaan reunaan (oletus)
• right - tasaa oikeaan reunaan
• center - keskittää
• justify - tasaa molemmat reunat
• char - tasaa merkin ympärille (elementin kielen desimaalimerkki, tai CHAR-attribuutissa määritetty merkki)

CHAR-attribuutilla voimme vaihtaa vaakasuoran tasauksen oletusmerkkiä. Arvoksi käy yksittäinen kirjainmerkki (Character-tietotyyppi). CHAROFF-attribuutilla voidaan määritellä tasausmerkin sijainti. Arvo (Length-tietotyyppi) voidaan antaa kuvapisteinä (reunasta), tai prosentteina (solun leveydestä).

VALIGN-attribuutti määrittelee datan pystysuoran kohdistumisen solun sisällä. Sallitut arvot ovat:

• top - sisältö asemoituu yläreunaan
• middle - sisältö asemoituu keskelle (oletus)
• bottom - sisältö asemoituu alareunaan
• baseline - tekstisisältö asemoituu samalle tasolle

Huomiot

• Asiakasohjelmilla ei ole velvollisuutta tukea merkkitasausta.
• ABBR-, AXIS- ja SCOPE-attribuutteja tulisi käyttää vain mikäli solut välittävät otsikkotietoa.
• TD-elementtiä tulisi käyttää mikäli solu sisältää, sekä otsikko-, että sisältötietoa.