Značky tabuľky TH a TD HTML

Tabuľky už dávno dostali zlý rap vzhľad stránky. Pred mnohými rokmi sa na rozloženie používali tabuľky HTML, čo zjavne nebolo to, na čo boli určené. Keď sa CSS stali populárnymi pre rozloženie webových stránok, objavila sa myšlienka, že „stoly sú zlé„chytil sa. Mnoho ľudí to bohužiaľ nepochopilo, čo znamená, že tabuľky HTML sú neustále zlé. To vôbec neplatí. Realita je taká, že tabuľky HTML sú zlé, ak sa používajú na niečo iné, ako na ich skutočný účel, ktorým je zobrazenie tabuľkových údajov (tabuľky, kalendáre atď.). Ak vytvárate web a máte stránku s týmto typom tabuľkových údajov, nemali by ste váhať použiť Tabuľka HTML na vašej stránke.

Čo robiť a Robiť?

The

 Značka alebo značka „údaje tabuľky“ vytvára bunky tabuľky v riadku tabuľky v tabuľke HTML. Toto je značka HTML, ktorá obsahuje akýkoľvek text a obrázky. V zásade ide o značku mainhorse vašej tabuľky. Značky budú obsahovať obsah tabuľky HTML.

The

 značka alebo „hlavička tabuľky“ je podobná značke  v mnohých ohľadoch. Môže obsahovať rovnaký druh informácií (aj keď by ste do a ), ale definuje túto konkrétnu bunku ako hlavičku tabuľky.

Väčšina webových prehliadačov mení váhu písma na tučné a centruje obsah do bunky. Samozrejme, že môžete použiť Štýly CSS Ak chcete vytvoriť tieto hlavičky tabuľky, ako aj obsah svojich značiek, hľadajte tak, ako by ste chceli, aby vyzerali na vykreslenej webovej stránke.

Kedy by ste mali použiť Radšej než ?

The

značka by sa mala použiť, ak chcete označiť obsah v bunke ako hlavičku pre tento stĺpec alebo riadok. Bunky hlavičky tabuľky sa zvyčajne nachádzajú v hornej časti tabuľky alebo po jej boku - v zásade ide o nadpisy v hornej časti stĺpcov alebo nadpisy úplne vľavo alebo na začiatku riadku. Tieto hlavičky slúžia na definovanie obsahu, ktorý je pod nimi alebo vedľa nich. Vďaka tomu je tabuľka a jej obsah oveľa ľahšie prehľadateľné a rýchlo spracovateľné.

Nepoužívať aby ste upravili svoje bunky. Pretože prehľadávače majú tendenciu zobrazovať bunky záhlavia tabuľky inak, niektorí leniví weboví návrhári sa to môžu pokúsiť využiť a použiť značku, ak chcú, aby bol obsah tučný a centrovaný. To je zlé z niekoľkých dôvodov:

1. Nemôžete sa spoliehať na to, že webové prehliadače vždy zobrazia obsah týmto spôsobom. Budúce prehliadače môžu predvolene meniť farbu alebo vôbec nevykonávať žiadne vizuálne zmeny  obsah. Nikdy by ste sa nemali spoliehať iba na predvolené štýly prehľadávača a nikdy by ste nemali používať prvok HTML kvôli tomu, ako to v predvolenom nastavení „vyzerá“.
2. Je to sémanticky nesprávne. Agenti používateľov, ktorí čítajú text, môžu pridať zvukové formátovanie, napríklad „hlavička riadku: váš text“, čo znamená, že je v a bunka. Niektoré webové aplikácie navyše tlačia hlavičky tabuliek cez hornú časť každej stránky, čo by sa dalo mať za následok problémy, ak bunka nie je v skutočnosti hlavičkou, ale naopak sa používa zo štylistických dôvodov iba. Zrátané a podčiarknuté - použitie značiek týmto spôsobom môže spôsobiť problémy s prístupnosťou mnohým používateľom, najmä tým, ktorí na prístup k obsahu vašich stránok používajú asistované zariadenia.
3. Mali by ste použiť CSS definovať, ako vyzerajú bunky. Rozdelenie štýl (CSS) a štruktúra (HTML) sú už mnoho rokov osvedčenými postupmi vo webdizajne. Opäť použite a, pretože obsah tejto bunky je hlavička, nie preto, že by sa vám páčil spôsob, akým je pravdepodobné, že prehliadač tento obsah predvolene vykreslí.