Vlákno názorů k článku CSS Grid: revoluce ve web designu? od Miroslav Šilhavý - Zamyšlení se. Přátelé, proč mám vždy dojem, že jakékoliv...

Vy mi asi nerozumíte. Já tu neříkám, že layout má být dělaný převážně tabulkami, nebo že současné technologie se mají tabulkami nahradit. Jen říkám, že části layoutu, některé prvky (= vnořené), si o použití tabulek říkají, a bylo by to racionální.

xxxxx, 17:55: Pletete si tabulku (table) a mřížku (grid). To, co popisujete na Rootu a označujete strany novinového typu, není tabulka, ale právě mřížka. Tabulka se vyznačuje tím, že řádky a sloupce mají význam, a buňky tabulky obsahují něco, co má vztah k příslušnému řádku i sloupci.

Vaše teorie, co kdyby CSS Grid byl udělaný jako HTML tabulka bez sémantického významu, má tu drobnou trhlinu, že zaměňujete HTML a CSS. HTML je sémantické, určuje význam, CSS definuje způsob prezentace (nejen vizuální). Jeden a ten samý obsah můžete prezentovat mnoha různými způsoby, proto je HTML a CSS oddělené.

Zkuste si představit, jak je titulní stránka Rootu prezentována hlasovou čtečkou. „Hlavní sloupec a ??? řádek: Odpověď na názor“. Pořád si myslíte, že je to tabulka?

Prosím přečtěte si diskusi od začátku. Pozorně. Protože tam najedete, že zneužívání tabulky pro layout jsem kritizoval, ale stejně tak jsem kritizoval nesmyslné vyhýbání se tabulkám za každou cenu, i tam, kde jsou z některých důvodů vhodné. U některých webů je důležitá sémantika (např. kvůli UX, responsivitě, přístupnosti, ...), u některých nikoliv - i toto musí vstupovat do rozhodování.

Samotný základní layout dělat výhradně / převážně tabulkou je nesmysl a nemá opodstatnění. Naopak data, která je potřeba zarovnávat (tabelovat) do tabulky patřit mohou. Jako jeden z příkladů jsem dával layout, který by měl vizuálně připomínat novinovou sazbu. Novinová sazba se na webu běžně nepoužívá, ale pokud už by někdo chtěl evokovat tento styl (= retro, designová záležitost, nikoliv informační web), pak bych použití tabulky nevylučoval. V takovém případě je totiž i responsivita nežádoucí (= mimo přání zadavatele). Podobným případem může být např. samotná dlaždice produktu v dlaždicovém zobrazení e-shopu - veškeré informace v dlaždici spolu souvisí, takže i sémanticky k sobě sedí.

Takže znovu: jediné, co říkám je, aby lidé mysleli nad tím, kdy je jaká technologie (způsob zpracování) vhodná. Jinak se dělá web á la root.cz, který musí být přístupný, má data denně měněná, potřebují ho číst všichni (i hendikepovaní), a něco jiného je výroční produktový web pivovaru, který poběží tři měsíce a jeho účelem je mazat virtuální pivní pěnu kolem tlam úzké cílové skupiny.

Ale prdlajz otáčení. V layoutu jsou prvky, které si o tabulku vysloveně říkají, a přesto se jim kodéři vyhýbají.
Příklady jsem dal, někdo se mnou třeba souhlasí, někdo nesouhlasí, ale každopádně jde vidět, že je to kontroverzní téma.

Dále jsem tvrdil, že existují projekty a situace, kde přístupnost, responsivita a UX nehrají první roli, a kde je pragmatický přístup na místě.

Jestli jste moje příspěvky pochopil tak, že hlavní layout stránky má být tabulka, pak jste si domyslel něco, co jsem netvrdil.

V layoutu jsou prvky, které si o tabulku vysloveně říkají, a přesto se jim kodéři vyhýbají.
A je to správně, že se jim kodéři vyhýbají – buď nad tím přemýšlejí, a nebo alespoň používají best practices oboru. Layout se totiž z velice dobrých důvodů řeší v CSS, HTML z velice dobrých důvodů popisuje jenom obsah.

Příklady jsem dal
Jaké? Novinovou sazbu? Možná je chyba, že to zatím nikdo explicitně nenapsal, ale – nikdo po vás nechce příklady toho, kde by se table dalo pro layout nějak zneužít – chceme po vás příklady, kde by to použití bylo podle vás vhodné.

každopádně jde vidět, že je to kontroverzní téma
To, že něco opakujete pořád dokola, nepředkládáte argumenty a ignorujete argumenty ostatních, z toho nedělá kontroverzní téma.

Dále jsem tvrdil, že existují projekty a situace, kde přístupnost, responsivita a UX nehrají první roli, a kde je pragmatický přístup na místě.
Takové projekty sice existují, ale i v takových projektech je nevhodné používat pro layout element table. To je totiž to, že jste za celou dobu neuvedl jediný příklad, kdy by použití table pro layout bylo vhodné, tj. převažovaly by tam výhody nad nevýhodami. Vy jste dokonce neuvedl ani jedinou výhodu použití table pro layout. Zatím jediný důvod pro takové použití, který plyne z vašich komentářů, je ten, že je to podle vás kontroverzní, a vy pravděpodobně preferujete kontroverzní věci.

Ale to se pořád točíme dokola kolem Vašeho upjatého výkladu, že TABLE určený jen k prezentaci dvourozměrné matice hodnot, a že k ničemu jinému ten element neslouží. Kdybychom na HTML, a vůbec na celý svět nazírali takto černobíle, nikam bychom se nehnuli.

Stejnou redukcí ad absurdum byste ve Vašich úvahách mohl dojít k tomu, že jakýkoliv grafický prvek je zbytečný, protože už od dob Guttenberga je přeci dané, jak se mají informace reprodukovat.

Prostě hon proti TABLE byl zveličený.

To, že HTML je určené pro popis obsahu a CSS pro definování způsobu prezentace není můj výklad – nad účelem těchto formátů panuje všeobecná shoda mezi lidmi, kteří se webem zabývají, ty formáty se i rozvíjejí s ohledem na tento účel.

Pokud by jeden element sloužil k několika různým věcem, bylo by to dost nepraktické, protože byste nikdy nepoznal, ke kterému účelu je zrovna použit.

Kdybychom na HTML, a vůbec na celý svět nazírali takto černobíle, nikam bychom se nehnuli.
To není žádné nazírání, table je takhle definováno. Neexistuje žádný důvod, proč definici nějak rozmazávat – pokud bychom potřebovali definovat něco jiného, není problém pro to zavést nový element.

Navíc vy pořád básníte o dalších způsobech použití table, ale zatím jste neuvedl ani jeden další způsob použití, který by měl nějaké výhody.

Prostě hon proti TABLE byl zveličený.
To není žádný hon proti table. Je to pouze snaha vysvětlit vám, že není nic špatného na tom, že se table používá tak, jak je definována. Neuvedl jste žádný důvod, proč to používat jinak. Jestli pouze za každou cenu chcete být kreativní, klidně si table používejte pro vkládání obrázků, img jako patičku stránky a odkazy si dělejte pomocí bflmpsvz, ale nedivte se, že ostatní nesdílí to vaše nadšení pro to dělat věci za každou cenu jinak.