Historia internetu to fascynująca podróż od prostych dokumentów tekstowych do zaawansowanych aplikacji, które znamy dzisiaj. Jednym z najważniejszych momentów w tym rozwoju było przejście z wersji HTML 3.2 na HTML 4.0 (a później 4.01). Choć z dzisiejszej perspektywy obie te wersje wydają się archaiczne, to właśnie między nimi dokonała się prawdziwa rewolucja w sposobie myślenia o tworzeniu stron www.

HTML 3.2: Próba uporządkowania chaosu

Zanim przejdziemy do różnic, warto zrozumieć, czym był HTML 3.2. Wydany w 1997 roku, miał on za zadanie przede wszystkim "pogodzić" standardy narzucane przez ówczesnych gigantów – Netscape i Internet Explorera. W tamtym czasie przeglądarki same wymyślały nowe znaczniki, co sprawiało, że strony wyglądały zupełnie inaczej w zależności od programu, którego używaliśmy.

HTML 3.2 wprowadził standardy dla tabel, apletów Javy oraz oblewania obrazków tekstem. Był to jednak język bardzo "sztywny" – wygląd strony był nierozerwalnie związany z jej strukturą. Jeśli chciałeś zmienić kolor tekstu, musiałeś użyć znacznika bezpośrednio w kodzie HTML.

HTML 4.0: Narodziny nowoczesnego webdesignu

Wydany pod koniec 1997 roku HTML 4.0 przyniósł zmianę paradygmatu. Największą i najważniejszą różnicą było wprowadzenie arkuszy stylów CSS. To był moment, w którym twórcy stron zaczęli oddzielać treść (HTML) od wyglądu (CSS). Dzięki temu kod stał się czystszy, a zarządzanie wyglądem wielostronicowych serwisów – znacznie prostsze.

Najważniejsze różnice techniczne

1. Separacja prezentacji od struktury: W HTML 3.2 używano znaczników takich jak <font>, <center> czy <u>. W HTML 4.0 te znaczniki zostały uznane za "przestarzałe" (deprecated), a ich rolę przejął CSS.
2. Dostępność i internacjonalizacja: HTML 4 wprowadził znacznie lepsze wsparcie dla osób z niepełnosprawnościami (np. atrybuty alt dla obrazków stały się standardem) oraz lepszą obsługę różnych języków i kierunków pisania tekstu (atrybut dir).
3. Skrypty i interaktywność: Choć skrypty istniały wcześniej, HTML 4 sformalizował sposób dołączania JavaScriptu do stron za pomocą znacznika <script>.
4. Ramki (Frames): HTML 4 wprowadził oficjalne wsparcie dla ramek, co pozwalało na dzielenie okna przeglądarki na kilka niezależnych sekcji. Z perspektywy czasu wiemy, że był to ślepy zaułek, ale wtedy uznawano to za przełom.
5. Nowe typy dokumentów: HTML 4 wprowadził trzy warianty (DTD): Strict (surowy), Transitional (przejściowy, pozwalający na stare znaczniki) oraz Frameset (dla stron z ramkami).

Dlaczego ta zmiana była tak ważna?

Przejście na HTML 4 pozwoliło internetowi "dorosnąć". Dzięki oddzieleniu warstwy wizualnej od danych, wyszukiwarki mogły lepiej indeksować treść, a programiści mogli tworzyć bardziej złożone systemy. To właśnie w erze HTML 4 narodziły się pierwsze zaawansowane portale i serwisy społecznościowe.

Ciekawostka: Czy wiesz, że HTML 3.0 nigdy nie powstał?

Wiele osób szuka różnic między HTML 3 a HTML 4, ale prawda jest taka, że wersja 3.0 została porzucona. Projekt był zbyt ambitny i skomplikowany jak na tamte czasy, dlatego W3C zdecydowało się wydać uproszczoną wersję 3.2, która po prostu zbierała to, co już działało w przeglądarkach.

Porównanie w pigułce

HTML 4.01 przetrwał jako standard przez ponad dekadę, aż do nadejścia ery HTML5, która zrewolucjonizowała multimedia i aplikacje mobilne. Jednak to właśnie fundamenty położone w "czwórce" nauczyły nas, że porządek w kodzie i oddzielenie stylu od treści to klucz do sukcesu w sieci.