Käytä taulukoita tietoja, ei layout XHTML
Taulukkotiedot ovat yksinkertaisesti taulukossa olevia tietoja. HTML : ssä se on sisältö, joka asuu taulukon soluissa eli eli mitä on
Taulukon paras käyttö on kuitenkin tietojen esittäminen.
W3C: n mukaan:
"HTML-taulukkomallin avulla kirjoittajat voivat järjestää datatekstiä, muotoiltua tekstiä, kuvia, linkkejä, lomakkeita, lomakenttiä, muita pöytiä jne. Soluiksi ja sarakkeiksi."
Lähde: Johdatus taulukkoihin HTML 4 -spesifikaatiosta.
Tämän määritelmän avainsana on tietoja . Web-suunnittelun historian alussa taulukot sopeutettiin työkaluiksi, joiden avulla voitaisiin määrittää ja hallita, miten ja missä verkkosivun sisältö näyttäisi. Tämä voi joskus johtaa huonoon näyttöön eri selaimissa sen mukaan, miten selaimet käsittelivät taulukoita, joten se ei aina ollut tyylikäs muotoilu.
Kuitenkin, kun web-suunnittelu on edennyt ja CSS-tyyppisten arkkien (CSS) kynnyksellä, tarve käyttää taulukoita käsittelemättömän sivun suunnitteluelementteihin kaatui. Pöytämallia ei ole kehitetty web-tekijöiden tapaan manipuloida verkkosivujen ulkoasua tai muuttaa sitä, miten se näyttää joko soluilta, rajoilta tai taustaväreiltä .
Milloin Taulukoita käytetään näyttösisältöön
Jos sivulle tallennettava sisältö on tietoja, jotka oletettavasti näkevät hallinnoidussa tai jäljitettävissä laskentataulukossa, sisältö saattaa melkein varmasti sopia hyvin esittelyyn verkkosivuilla olevassa taulukossa.
Jos aiot otsikkokenttiä tietojen sarakkeiden yläosassa tai rivien rivien vasemmalla puolella, se on taulukkomuotoinen ja taulukkoa tulisi käyttää.
Jos sisältö on järkevää tietokannassa, varsinkin hyvin yksinkertaisessa tietokannassa, ja haluat vain näyttää tiedot eikä tehdä kauniita, niin taulukko voidaan hyväksyä.
Jos et käytä taulukoita näyttämään sisältöä
Vältä taulukkojen käyttämistä tilanteissa, joissa tarkoituksena ei ole yksinkertaisesti välittää tietosisältöä.
Älä käytä taulukkoja, jos:
- Taulukon päätavoite on sijoittaa sivun sisältö. Voit esimerkiksi lisätä välilyönnin kuvan ympärille, sijoittaa luodinkuvakkeet luetteloon tai pakottaa tekstin lohkon toimimaan vedon lainauksena.
- Haluat käyttää taustavärivaihtoehtoja tai -kuvia yksinkertaisesti lisätäksesi sivua sen sijaan, että annat tietoja. Esimerkiksi taulukon joka toinen rivi on hieno, mutta vain oikeanpuoleiset solut muutetaan, koska ne eivät vastaa sivun taustaa.
- Voit leikata kuvan ja sijoittaa kuvakappaleet takaisin sivulle taulukon avulla. Tämä oli hyvin yleistä muutama vuosi sitten, mutta sitä ei enää pidetä oikeana.
Älä pelkää pöytiä
On täysin mahdollista luoda verkkosivu, joka käyttää erittäin luovaa näköisiä taulukoita taulukkotietoihin. Taulukot ovat tärkeä osa XHTML-määritystä, ja oppimisen näyttäminen taulukkotietojen kannalta on tärkeä osa verkkosivujen luomista.