Co się stało z tagami tabeli HTML?

10

Zacząłem kodować HTML w 1998 r. Iw tym czasie korzystałem z wielu znaczników tabeli, grając z tr i td, nauczyłem się wielu rzeczy analizując kod źródłowy wielu portali w Internecie za pomocą notatnika i Microsoft FrontPage, ten drugi aw, ile stolików pokrywa się z innymi, było fajnie, uwielbiałem ten czas.

Jednak porzuciłem programowanie internetowe na prawie siedem lat iw tym roku postanowiłem zobaczyć, jak dzisiaj wygląda programowanie internetowe. Wydaje się to zupełnie inne, ponieważ większość witryn nie używa tagów tabeli, a zamiast tego używa tagów div i span.

Dlaczego się to stało? Co to za nowe tagi i dlaczego tagi tabeli nie są już używane?

Jan
źródło
5
Ten sam powód, dla którego prawdopodobnie używasz Windows 7 zamiast Windows 2000. Technologia ewoluuje. Tagi tabeli wciąż istnieją, ale są używane zgodnie z pierwotnym przeznaczeniem, dane tabelaryczne, a nie formatowanie strony.
Chris_O

Odpowiedzi:

14

World Wide Web Consortium (W3C) opracował pierwszy Kaskadowe arkusze stylów specyfikację w grudniu 1996 roku kaskadowych arkuszy stylów (CSS) od tego czasu radykalnie ewoluowały i sprawił, że oddzielenie zawartości HTML z danych prezentacyjnych bardziej powszechne wśród popularnych witryn.

Chociaż współczesne witryny mogą nadal polegać na deklaracjach stylu w celu uzyskania pożądanych efektów, o wiele bardziej efektywne jest dołączanie danych prezentacji (wysokość, szerokość, wypełnienie, marginesy, pozycjonowanie bezwzględne itp.) W jednym pliku CSS, do którego odwołuje się wiele HTML dokumenty niż aktualizować każde wystąpienie treści HTML, gdy prezentacja wymaga zmiany.

Przyjęcie CSS przez przeglądarkę nie nastąpiło z dnia na dzień (dlatego niektóre główne witryny nadal polegały na tabelach, aby osiągnąć jednolitą prezentację w różnych przeglądarkach aż do 2000 roku), a chociaż niektóre przeglądarki nadal różnią się pod względem implementacji specyfikacji W3C CSS, grafika przeglądarki, które nie obsługują CSS1, są bardzo rzadkie, dlatego bardzo niewiele popularnych witryn korzysta z tabel, aby uzyskać prezentację zgodną z różnymi przeglądarkami.

Artykuł 12 lekcji dla osób bojących się CSS i standardów (opublikowany w 2006 r.) W A List Apart oraz przegląd migawki CSS W3C może być dobrym punktem wyjścia, jeśli chcesz nadążyć za przejściem z układów opartych na tabelach do CSS.

danlefree
źródło
5

Bez wchodzenia w całą historię ewolucji twórców stron internetowych ...
Tabele nigdy nie były przeznaczone do tworzenia układu strony; to jest najważniejszy kawałek. Używanie ich w ten sposób było obejściem technologii czasu, zarówno niekompletnych specyfikacji, jak i niezdolnych przeglądarek. Ostatecznie te problemy zostały (przeważnie) rozwiązane i teraz nie są już tak naprawdę konieczne.

Witryny SE są na ogół dla bardziej praktycznych pytań, np. jak to zrobić ... ale jeśli chcesz uzyskać więcej szczegółów, wiele książek HTML na poziomie początkującym - i wydaje się, że zaczynasz wszystko od początku - ma skondensowany przegląd tego, o co pytasz jako materiał wprowadzający.

Su ”
źródło
4

Tabele nadal istnieją w specyfikacji HTML. Ale należy ich używać do wyświetlania danych w formie tabelarycznej! (Chociaż znaczniki tabel nieco się zmieniły, a etykiety kolumn i grup są nieco łatwiejsze do zastosowania w rozsądny sposób).

Jeśli masz zdjęcia i wiadomości, które chcesz napisać na stronie internetowej, powinieneś trzymać się z dala od tabel z powodów przedstawionych przez inne osoby odpowiadające na to pytanie.

Jeśli chcesz wyświetlać konta miesięczne na stronie, to za wszelką cenę powinieneś używać do tego tabel.

strach
źródło
1

Nie nikt, kilka lat temu (i nadal, jeśli wspierasz IE 6), tabele były najlepszym wyborem do zapewnienia tego samego układu dla wszystkich przeglądarek.

Frameworki, które odmawiały użycia tabel do układania, np. Ext, zakończyły dynamiczne obliczanie wymiarów poprzez zmianę stylów przy zmianie rozmiaru, co spowodowało, że działały one nieprawidłowo w niektórych przeglądarkach (IE 6 wspomniano wcześniej).

Tabele są nadal używane jako podstawa układów siatki w różnych ramach (np. Icefaces).

Żeglarz naddunajski
źródło
1
Nie tylko IE6 - znacznik „Word HTML” używany przez biuro oznacza, że ​​jeśli chcesz wysyłać „ładne” e-maile HTML do programu Outlook, musisz użyć tabel.
Zhaph - Ben Duguid,
E-maile HTML są wyjątkiem, ale dla większości usterek IE6 istnieją obejścia inne niż JS bez uciekania się do układów opartych na tabelach.
Lèse majesté
-2

Nadal z nich korzystam.

Co najważniejsze, wciąż są w HTML5: http://www.w3schools.com/html5/tag_table.asp . Dlatego używanie ich do pokręconych układów jest całkowicie bezpieczne.

Edycja: (Po lekceważeniu) Świetnym przykładem „potrzeby skręconego układu” jest użycie tabel w masowych wiadomościach e-mail. Jeśli chcesz, aby Twoja śmieciówka wyglądała tak seksownie, jak obiecany efekt Twojego produktu, nie możesz użyć większości CSS.

Nie zawsze używam brudnych hacków, ale kiedy wolę, wolę hacki, które będą trwać przez następne dziesięć lat.

Michaił
źródło
4
@Misha Łączysz okropne źródło, patrz w3fools.com
Lekensteyn,
1
Okropna rada. Twoje powstrzymywanie sieci. Znaczniki tabeli dotyczą danych tabelarycznych, a nie formatowania strony.
Chris_O
Potrzebujesz skręconego układu? Do tego służą absolutne pozycjonowanie i niezliczone indeksy Z.
CC Ricers,
1
Twoja edycja ma jednak sens. Wysyłanie odpowiednich wiadomości e-mail w formacie HTML zawsze wymaga tabel.
Stephan Muller,