Switch to full style
Forum dyskusyjne poświęcone zagadnieniom jezyka HTML i Flash oraz tworzeniu stron WWW.
Odpowiedz

CSS-DIV vs HTML-Tabele

14 października 2004, o 10:46

15 października 2004, o 09:39

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ć.

15 października 2004, o 14:08

15 października 2004, o 22:01

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.

17 października 2004, o 11:24

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ć.

17 października 2004, o 11:49

http://websiteoptimization.com/services/analyze/
Tutaj sprawdzisz

17 października 2004, o 23:03

THX za adresy dodałem

19 października 2004, o 20:43

19 października 2004, o 20:53

19 października 2004, o 23:28

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...

6 listopada 2004, o 13:36

6 listopada 2004, o 18:26

7 listopada 2004, o 23:57

Odpowiedz