Jedną z rzeczy, które nauczyłem się przez ponad dekadę tworzenia stron internetowych jest to, że :Sieć ciągle się zmienia i aby nadążyć za nią, trzeba ją zmienić. Jednym z najnowszych osiągnięć w projektowaniu stron internetowych jest użycie CSS i semantycznych znaczników. CSS i semantyczne projektowanie stron internetowych ma wiele zalet: przejrzystość kodu, przeglądarki i innych kompatybilnych urządzeń internetowych, separacja treści i prezentacji, mniejsze obciążenie pasma i lepsza widoczność dla wyszukiwarek.
W tamtych czasach stworzyliśmy witryny z tabelami i zhakowaliśmy te tabele, by robić rzeczy, których nigdy nie mieli robić. Znacznik tabeli został zaprojektowany do wyświetlania danych tabelarycznych, a nie jako sposób renderowania układu witryny. Niestety, lepszej alternatywy nie było, więc użyliśmy tabel. Spowodowało to nieefektywne, wolne ładowanie witryn z kodem, który był bardzo trudny do odczytania i utrzymania. Definiuje znaczniki semantyczne w ten sposób.
Samouczek programistyczny dla początkujących (nr 1) - jak tworzyć strony internetowe za pomocą HTML, CSS, JavaScript
Strony sematyczne :dostarczają informacje dla wyszukiwarek internetowych przy użyciu robotów sieciowych:. Może to być informacja odczytywana maszynowo, w postaci czytelnej dla człowieka treści dokumentu (np. Autor, tytuł, opis itp. Dokumentu) lub może być czysto metadane reprezentujące zestaw faktów (takich jak zasoby i usługi w innym miejscu na stronie). (Należy zauważyć, że wszystko, co można zidentyfikować za pomocą jednolitego identyfikatora zasobu (URI) można opisać, więc sieć semantyczna może rozumować o ludziach, miejscach, pomysły, koty itp.) :
Współcześni projektanci i programiści używają CSS w szerokim zakresie do tworzenia pięknych, w pełni zgodnych ze standardami witryn. Układ oparty na CSS pozwala nam tworzyć witryny, które będą ulegać degradacji - czyli będą widoczne na wszystkich typach urządzeń, takich jak PDA, telefony komórkowe, telewizory - i będą działać poprawnie na urządzeniach, które nawet nie istnieją, o ile są zgodne z normami.
Co najważniejsze, tworzenie stron za pomocą CSS pozwala nam skutecznie oddzielać treść i prezentację. Czy kiedykolwiek sprawdzałeś kod źródłowy stron HTML, które zostały utworzone przy użyciu układu opartego na tabelach i zastanawiałeś się :co do cholery się tu dzieje?: Widzisz wiele otwierania i zamykania tabel i wierszy tabel, które są mieszane razem z treścią tekstową i grafiką. Dzięki czystemu układowi opartemu na CSS możesz tworzyć strony, które można łatwo zrozumieć, patrząc na źródło, co ułatwia ich zrozumienie, obsługę i aktualizację. Sprawdź źródło witryny mojej firmy http://www.vp3media.com, a następnie spójrz na kod źródłowy tej witryny, która korzysta z układu opartego na tabelach: http://webservices.org/. Wielka różnica, huh?
Jeśli masz witrynę o dużym natężeniu ruchu, możesz znacznie zmniejszyć liczbę pasm używanych przez przejście z witryny opartej na tabelach do układu opartego na CSS. Jeśli użytkownik odwiedzający witrynę nie musi ładować całego kodu potrzebnego do renderowania tabel i gifów dystansowych, transmituje mniej danych.
CSS oferuje także zalety optymalizacji pod kątem wyszukiwarek w porównaniu do tabel. Jeśli masz witrynę biznesową opartą na tabelach, która opiera się na ruchu internetowym w celu uzyskania zysku lub pozyskania nowych klientów, zobaczysz prawdziwe korzyści, przechodząc na CSS. Kiedy roboty wyszukiwarek przejmują Twoją witrynę opartą na tabelach, pobierają dużą ilość treści, która nie ma nic wspólnego z Twoją firmą. Gdy wyszukiwarki przeszukają czystą witrynę opartą na CSS, większość pobieranych treści będzie tekstową treścią opisującą Twoją firmę. Stosunek treści do kodu jest wyższy w przypadku układów opartych na CSS.
Wszyscy widzieliśmy opisy wyszukiwarek, które nie mają żadnego sensu; Dzieje się tak, ponieważ roboty wyszukiwarek używają metody odgórnej do pobierania informacji. Niezależnie od tego, co jest najważniejsze w twoim dokumencie, wyszukiwarki będą uważać za najważniejszą część dokumentu i dlatego powinny być używane jako opis. Ponieważ oddzielamy treść i prezentację za pomocą CSS, możemy umieścić najważniejsze informacje na górze dokumentu niezależnie od tego, gdzie faktycznie są wyświetlane na stronie. Spróbuj tego przy stołach!
Mam nadzieję, że ten artykuł zawiera omówienie, dlaczego ważne jest przejście z obecnego układu opartego na tabelach do w pełni prawidłowej implementacji CSS. Jeśli nie masz strony internetowej, ale planujesz jej uruchomienie w najbliższej przyszłości, upewnij się, że mówisz programistom, że chcesz wdrożyć ją w CSS.