Strona 1 z 1

CSS-DIV vs HTML-Tabele

PostNapisane: 14 października 2004, o 10:46
przez Tyhagara

PostNapisane: 15 października 2004, o 09:39
przez lockoom
Tabele używaj gdy chcesz coś wyświetlić w tabeli :) Głupie, ale prawdziwe. Tabele kuszą łatwością pozycjonowania elementów, ale w pewnym momencie przekraczasz punkt krytyczny, w którym kolejny rowspan/colspan zaczyna być uciążliwy i lepiej jest władować w komórkę kolejną tabelę. I jeszcze jedną. I kolejną :)
Tabele generują dużo nadmiarowego kodu, który musi być z każdą kolejną podstroną ściągnięty do przeglądarki. Layout oparty o warstwy może być czasami nawet cięższy od tabelowego, ale ma kilka poważnych zalet:
- nie zaciemnia struktury dokumentu - widzisz tylko to co niezbędne: struktura + dane,
- wygląd można łatwo zmienić bez potrzeby przebudowywania całej witryny - wystarczy zmiana CSS
- style z zewnętrznych arkuszy stylów są cachowane przez przeglądarki, a więc nawet jeśli zajmują więcej KB niż ekwiwalent tabelkowy to ściągane są jedynie raz!
Ważne jest aby warstw używać z głową. Nie walić wszędzie DIVów i SPANów. W pożądnych przeglądarkach każdy znacznik jest warstwą. Zamiast wrzucać znacznik do DIVa, można nadać mu w CSS właściwość "display:block" etc. Przyklady można mnożyć.

PostNapisane: 15 października 2004, o 14:08
przez Tyhagara

PostNapisane: 15 października 2004, o 22:01
przez lockoom
Musiałbyś wykonać testy. Podejrzewam, że nie ma specjalnej różnicy w prędkości renderowania tabeli i warstw. Tak jak napisałem w nowoczesnych przeglądarkach każdy znacznik jest warstwą (domyślnie z position: static). Ale... struktura dokumentu napisana na warstwach jest w zdecydowanej większości lżejsza od layoutu "tabelowego", więc przeglądarka szybciej dostaje gotowy dokument, a potem może na bieżąco aplikować do niego style doczytywane z zewnętrznego arkusza. No i tak jak pisałem wcześniej, arkusz może być cache'owany, a to już zdecydowanie przyspiesza wyświetlenie strony.

PostNapisane: 17 października 2004, o 11:24
przez Tyhagara
Nie zakładam nowego wątku, napisze to w tym.

Czy ktoś wie jak spowolnić swoje łącze internetowe? To nie żart. Mam dość szybką Neostradę 512. "Problem" w tym, że wszystkie strony wczytują się szybko, (pewnie nie jeden chciał by mieć takie problemy ;) ) Chce sprawdzić jak moja strona będzie wczytywana przez modem, taki najsłabszy, badziewie do kwadratu. A może istnieją strony które symulują wolne łącza, albo coś podobnego?

Dobra, żeby nie było, że tylko marudzę. Macie tu kilka linków, do testowania.

http://www.delorie.com/web/lynxview.html - Lynx Viewer, symuluje tekstową przeglądarkę Lynx.
http://colorfilter.wickline.org/ - symulacja jak widzi daltonista. Wyświetlanie monochromatyczne itp
http://www.vischeck.com/vischeck/ - więcej o daltonizmie. Można wczytać dowolna grafikę i zobaczyć, jak widzi ją daltonista.
http://www.htmlhelp.com/tools/validator/ - validator WDG, sprawdza poprawność kodu HTML.
http://feedvalidator.org/ - validator FEED

W sumie, można by było na waszym FAQ, zamieścić spis linków wraz z krótkim opisem, do miejsc w których można testować stronę. Nie tylko Validatorów (jest ich sporo w sieci) ale wszystkich, które potrafią coś zasymulować.

PostNapisane: 17 października 2004, o 11:49
przez gr_urban

PostNapisane: 17 października 2004, o 23:03
przez lucas
THX za adresy dodałem

PostNapisane: 19 października 2004, o 20:43
przez Wydra707

PostNapisane: 19 października 2004, o 20:53
przez lucas

PostNapisane: 19 października 2004, o 23:28
przez lockoom
Oszukane :) Tak na prawdę i tak tworzona jest tabela tylko za pomocą CSS, aha no i w IE, który nie obsługuje grupy display: table-* użyte paskudne wstawki expression :) Ale fakt - działa...

PostNapisane: 6 listopada 2004, o 13:36
przez Tyhagara

PostNapisane: 6 listopada 2004, o 18:26
przez lockoom

PostNapisane: 7 listopada 2004, o 23:57
przez Tyhagara