Treść i Wygląd
Najważniejszą rzeczą, która umożliwia wyświatlanie strony w różnych środowiskach jest oddzielenie jej struktury i treści od wyglądu. Można to uzyskać, dołączając do "gołej" strony z treścią, zewnętrzy arkusz stylów (CSS). Dzięki temu wszystkie informacje dotyczące wyglądu strony będą w osobnym pliku. Dlatego też dokonując zmian w wyglądzie strony, modyfikujemy jedynie plik css. Co więcej, mamy możliwość stworzenia kilku plików css, dając użytkownikowy wybór jego ulubionego layoutu.
Najczęściej plik css dołączamy do dokumentu w ten sposób:
<link rel="stylesheet" type="text/css" href="style.css" />head. A tego w jaki sposób tworzymy arkusze stylów nie będę tu pisał, ponieważ w internecie znajduje się wiele publikacji na ten temat.
Ważne jest to, żebyśmy mieli świadomość, które elementy należy umieścić w kodzie HTML, a które w CSS. Przykładowo, piękna duża grafika na górze strony, mająca przyciągnąć oczy, powinna być umieszczona w pliku CSS jako tło, gdyż nie jest to istotny element, jeśli chodzi o treść dokumentu. Można powiedzieć, że jest to tylko element wizualny. Natomiast fotografia konkretnego produktu w sklepie internetowym jest jak najbardziej elementem treści strony i powinna być umiezczona w dokumencie za pomocą znacznika img.
Takie postępowanie ma wiele zalet. Jeśli oglądamy stronę na monitorze komputera, używając przeglądarki graficznej (np. Firefoxa), widzimy treść oraz to, co zapisaliśmy w arkuszu stylów. Jednak oglądając stronę na ekranie telefonu komórkowego, widzimy tylko samą treść, bez niepotrzebnych i spowolniających wyświetlanie strony elementów layoutu. Takie strony są ponadto lepiej widzialne dla robotów wyszukiwarek, gdyż widzą one tylko istotną przy pozycjonowaniu treść strony.
Pozostaje jeszcze jedna, może dla niektórych mało istotna, sprawa. Otóż strony oparte na arkuszach stylów i innych standardach sieciowych są dostępne dla osób niepełnosprawnych (chodzi tu przede wszystkim o osoby niewidome, korzystające z syntezatorów mowy) - stanowią oni małą część potencjalnych użytkowników, jednakże nie należy o nich zapominać. Ponadto dostępność dla osób niepełnosprawnych jest w przypadku stron rządowych wymogiem. Projektowanie stron www zgodnie ze standardami naprawdę może być szybsze i przyjemniejsze! Tym sposobem chyba kolejny raz udowodniłem Wam, że stosowanie standardów się opłaca ;).