Table nebo div – HTML / XHTML – Fórum – Programujte.com

Dneska sem se s kamarádem bavil jestli je lepší skládat stránku pomocí tabulky nebo divů tak bych se chtěl zeptat na váš názor ,cvýhody, nevýhody atd....
Děkuji .

Ja vzdy zacinam s divmi a tabulky na dizajn pouzijem len ak sa mi nieco nedari cez div urobit podla svojich predstav :)

Table layouty su "OUT".
Css layout s pouzitim divov je "IN".

Zabudni na tabulkove layouty... Tabulky su pre data , nie pre rozlozenie objektov po stranke.

Ked ziskas v tom nejaku prax zistis ze css + div layouty su v kode o vela viac prehladnejsie

souhlasím s dalamanem, nehledě na to, že CSS mi přijde lehší na layout než tabulky a přes tabulky taky vše nejde...(přes CSS ale take nekdy ne :) )

Jenznace souhlasim si divami a tabulky pouzivat jen k tomu cemu byli puvodne urceny ;)

Table layouty su "OUT".
Css layout s pouzitim divov je "IN".

Jenznace souhlasim si divami a tabulky pouzivat jen k tomu cemu byli puvodne urceny ;)

no já se taky jednoznačně přiklánim k divům líp se s nima dělá

Dokonalé MSIE občas mývá problémy s tabulkami vnořenými v tabulce - tedy pokud mám web postavenej pomocí table a potřebuju tam někde mít vloženou tabulku tak to v IE občas zlobí (hlavně v těch starších verzích) - na druhou stranu, není to nic nečekaného :)

Mautinek píše:#
# souhlasím s dalamanem, nehledě na to, že CSS mi přijde lehší na layout než tabulky a přes tabulky taky vše nejde...(přes CSS ale take nekdy ne :) )

To Ymemgirei: Souhlasím já taky rád používám table , ale přesto mi to přijde takový neohrabaný a navíc když má někdo pomalejší net tak se to tak nějak podivně načítá !!!

Kdyby tu tenhle dotaz padl tak před třemi lety, tak bych chápal, že je to aktuální. Kdo dnes udělá web v tabulce je prase, nebo lama, co by si o tvorbě webů nejdřív měla nejdřív něco přečíst.

Ja som tiez za div, tabulky su neprakticke.

To Architekt: ,,Kdo dnes udělá web v tabulce je prase, nebo lama" :D trochu jemnejsie si to mohol dat ... niekomu tao mozno vyhovuje

To FufurR: Problém je v tom, že taková možnost tu nebyla nikdy. Lépe řečeno v každé verzi (X)HTML byly a jsou tabulky výhradně určeny pro tabulková data, nikoliv pro rozvržení obsahu stránky. Pokud chci, aby něco vypadalo jako tabulka a přitom to tabulka není, je třeba použít příslušné hodnoty vlastnosti display v CSS.

No asi nějak takhle:

Design pomocí tabulek
-výhody: jednoduchost (stačí základní znalost HTML), kompatibilita (podpora u 100% webových prohlížečů)
-nevýhody: nepřehlednost zdrojového kódu, pomalé načítání, není to zrovna způsob jak zamachrovat (je to dost "out", jak už napsal dalaman)

Design pomocí CSS
-výhody: větší možnosti než u tabulek, přehedný zdrojový kód
-nevýhody: ne-malá-ale-ani-ne-velká podpora, poměrná složitost (vyžaduje to pokročilou znalost HTML i CSS)

To Colpik: no myslim, ze si to vystihol

Já dělám přes tabulku pozadí a ostatní naházím do divu ;)

To Colpik: Naopak kompatibilita tabulkového layoutu je mizerná, protože pro hlasovou čtečku je to tabulka a čte ji jako tabulku, což je pro uživatele většinou horor.

To Architekt: Já to myslel tak, že CSS plně podporuje méně prohlížečů a tabulky úplně každý

To Colpik: CSS plně nepodporuje žádný prohlížeč, ale majoritní prohlížeče ho podporůjí dost na to, aby nebyl problém dělat CSS layouty. HTML a CSS je natolik primitivní, že ho zvládne i cvičená opice. Kdo má problém naučit se, nebo někde obšlahnout, jak napsat těch pár řádků CSS, by se měl raději tvorbě webů vyhnout úplně.

CSS je moc dobrá věc, ale prostě dělá víc problémů a zvlášť vyhytávky jako pozicování. A pokud máš přístup typu "Jestli si chcete prohlížet moje stránky, sežeňte si na to vhodný prohlížeč" tak to seš ty, kdo by se měl vyhýbyt tvorbě webu. To webkodéři mají všem nejvíc vycházet vstříc!

Dívali jste se někdy na programujte.cz v textovém prohlížeči (Links / Linx)?

Celé programujte je přes table layout a i v textovém prohlížeči je web rozložený jako v normálních prohlížečích - 3 sloupce, hlavička apod, to díky tomu že zde není potřeba CSS. S tím si většina textových prohlížečů poradit neumí, a tak ty DIVy prostě naskládá pod sebe.

Přestože dnes je využití textových prohlížčů jen omezené, je stále vhodné na ně myslet....navíc u té tabulky je interpretace u všech prohlížčů vcelku stejná...u CSS s tím už jsou větší problémy (třeba padding v IE vs FF)...

Tvorba stránek není jen o tom, naučit se jak se píše (X)HTML a CSS a nějak to splácat dohromady. Je třeba taky pochopit fylozofii HTML a jeho sémantiku (viz. např. http://www.semantika.name/), naučit se toho spoustu o použitelnosti a přístupnosti (např. http://pristupnost.nawebu.cz/) a pak až se vrhnout na dělání stránek.

To Colpik: Web nemusí a nemůže vypadat stejně dokonale ve všech prohlížečích, ale ani to není potřeba, protože na prvním místě je vždy obsah. Webdesigner by měl zajistit, aby se i v prohlížečích, které nepodporují CSS, mají jen textový výstup, mají hlasový výstup, atp., dostal obsah pohodlně k uživateli. Tabulkový layout je minimálně pro uživatele hlasových čteček a mobilních zařízení s malým displayem dost nepříjemný zážitek.

To ProgDan: Právě to, že se divy poskládají pod sebe, je ta jejich největší výhoda oproti tabulkovému layoutu. Zkus se podívat na programujte.com s vypnutými styly, obrázky, barvami a velikostí okna prohlížeče 640x480px. Porovnej to se stejným zobrazením např. http://interval.cz Co ti připadá přehlednější a kde se rychleji dostaneš k hledaným informacím?

To Architekt: Nechci nar??et na tebe, mysl?m ?e tv?j n?zor je spr?vn?, nicm?n? bych se neodkazoval na weby jako je semantika.name. Ten chl?pek mo?n? v? o ?em mluv?, ale t?m, ?e v ka?d? v?t? na cel?m webu pou?ije dvakr?t slovo s?mantika, nem??e zakr?t absolutn? nep?ehledn? a chaotick? web. Kdy? u? je to takov? prof?k na s?mantiku, mohl by se nau?it taky n?co o strukturov?n? obsahu. Jeho web je sice mo?n? 100% s?mantick?(jako moment?ln? ?ten?? jeho webu m? v?c ne? s?mantika zaj?m? jeho obsah), ka?dop?dn? u?ivatelsky velmi nep??zniv? struktura obsahu m? odradila po prvn?ch n?kolika str?nk?ch.

Ja se semantika.name nemam problem. Hlavne takove weby nejsou potreba, bohate staci tzv. common sense. Kod musi byt strukturovany tak, aby jeho strukturovani obsahu, coz tabulky znacne potlacuji. A vsechny tagy musi byt pouzity tak, jak pravi jejich vyznam, a tak aby byl obsah oddelen od prezentace. Pak by se take melo dodrzovat poradi jednotlivych soucasti, coz vetsinou byva dodrzeno, i kdyz uz jdem take videl weby, ktere se pri vypnuti stylu uplne rozpadnou na naprosto nesrozumitelnou kasi. Kdyz se nad tim zamyslis, tak zadny web o semantice nepotrebujes. Jde tam jen o trochu logiky.

Dneska už jedině DIV + CSS ;)