Značky tabulky TH a TD HTML

click fraud protection

Tabulky už dlouho dostaly špatný rap webový design. Před mnoha lety se pro rozvržení používaly tabulky HTML, což zjevně nebylo to, k čemu byly určeny. Jak se CSS staly populárním pro rozložení webových stránek, myšlenka, že „tabulky jsou špatné" uchopil. Mnoho lidí to bohužel nepochopilo, což znamená, že tabulky HTML jsou neustále špatné. Tak tomu vůbec není. Realita je taková, že tabulky HTML jsou špatné, když se používají k něčemu jinému než ke skutečnému účelu, kterým je zobrazení tabulkových dat (tabulky, kalendáře atd.). Pokud vytváříte web a máte stránku s tímto druhem tabulkových dat, neměli byste váhat použít Tabulka HTML na vaší stránce.

Co dělat a Dělat?

The

 tag nebo značka „data tabulky“ vytváří buňky tabulky v řádku tabulky v tabulce HTML. Toto je značka HTML, která obsahuje veškerý text a obrázky. V zásadě se jedná o značku pracovního stolu vaší tabulky. Značky budou obsahovat obsah tabulky HTML.

The

 tag nebo „záhlaví tabulky“ je podobný tagu  v mnoha ohledech. Může obsahovat stejný druh informací (i když byste do a
instagram viewer
), ale definuje tuto konkrétní buňku jako záhlaví tabulky.

Většina webových prohlížečů mění váhu písma na tučné písmo a vystředí obsah v buňce. Samozřejmě můžete použít Styly CSS Chcete-li vytvořit tato záhlaví tabulky a také obsah svých značek, hledejte, jak chcete, aby vypadaly na vykreslené webové stránce.

Kdy byste měli použít Spíše než ?

The

tag by měl být použit, pokud chcete označit obsah v buňce jako záhlaví pro daný sloupec nebo řádek. Buňky záhlaví tabulky se obvykle nacházejí v horní části tabulky nebo po její straně - v zásadě jsou to záhlaví v horní části sloupců nebo záhlaví zcela vlevo nebo na začátku řádku. Tyto záhlaví se používají k definování obsahu níže nebo vedle nich, což usnadňuje rychlou kontrolu a zpracování tabulky a jejího obsahu.

Nepoužívat upravovat buňky. Protože prohlížeče mají tendenci zobrazovat buňky záhlaví tabulky odlišně, někteří líní weboví designéři se toho mohou pokusit využít a použít značku, když chtějí, aby obsah byl tučný a na střed. To je špatné z několika důvodů:

  1. Nemůžete se spolehnout na to, že webové prohlížeče budou vždy zobrazovat obsah tímto způsobem. Budoucí prohlížeče mohou ve výchozím nastavení změnit barvu nebo vůbec neprovádět žádné vizuální změny  obsah. Nikdy byste se neměli spoléhat pouze na výchozí styly prohlížeče a nikdy byste neměli používat prvek HTML, protože ve výchozím nastavení „vypadá“.
  2. Je to sémanticky nesprávné. Uživatelští agenti, kteří čtou text, mohou přidat zvukové formátování, například „záhlaví řádku: váš text“, což znamená, že je v a buňka. Některé webové aplikace navíc tisknou záhlaví tabulek v horní části každé stránky, což by se stalo vést k problémům, pokud buňka není ve skutečnosti záhlaví, ale místo toho se používá ze stylistických důvodů pouze. Sečteno a podtrženo - používání značek tímto způsobem může způsobit problémy s přístupností mnoha uživatelům, zejména těm, kteří k přístupu k obsahu vašeho webu používají asistovaná zařízení.
  3. Měli byste použít CSS definovat, jak buňky vypadají. Rozdělení styl (CSS) a struktura (HTML) jsou již mnoho let osvědčeným postupem v oblasti webového designu. Opět použijte a, protože obsah této buňky je záhlaví, ne proto, že se vám líbí způsob, jakým prohlížeč pravděpodobně tento obsah vykreslí ve výchozím nastavení.
instagram story viewer