Niezależnie od tego, czy nasza strona ma charakter komercyjny (np. informacja o ofercie handlowej), czy jako entuzjaści chcemy podzielić się z innymi swoim zdaniem, doświadczeniem lub obserwacjami na jakikolwiek temat, publikując cokolwiek w internecie na ogólnodostępnej stronie www chcemy ułatwić dostęp do jej treści możliwie wielu ludziom.
Przeglądarki internetowe mają za zadanie przetworzenie kodu strony na postać bardziej przyjazną w oglądaniu dla człowieka.
Aby przeglądarka wyświetliła użytkownikowi to, co chcemy aby on zobaczył, musimy dostarczyć jej odpowiedni kod. Gdyby każda przeglądarka obsługiwała inny język, musielibyśmy tworzyć osobne strony dla użytkowników używających różnych przeglądarek. W przeciwnym razie dostęp do strony mieliby tylko użytkownicy korzystający z przeglądarki obsługującej język, w którym nasza strona została napisana. Prowadziłoby to do podziału internetu na fragmenty: grupy użytkowników korzystających z określonych języków i przeglądarek. Przepływ informacji za pomocą stron www wewnątrz tych grup nie byłby zakłócony, ale między grupami byłby znacznie utrudniony. A przecież rolą internetu jest ułatwianie dostępu do informacji wszystkim.
W3C - World Wide Web Consortium - to międzynarodowa organizacja, w której organizacje członkowskie, etatowi pracownicy i ogólnie pojęta społeczność internetowa
wspólnie pracują nad rozwojem norm (standardów) i wytycznych mających ułatwiać spełnianie przez internet swojej roli - opisanej powyżej.
Normy W3C są więc otwarte i ogólnodostępne, dzięki czemu każdy ma możliwość zapoznania się z ich treścią i zastosowania.
Więcej o W3C można przeczytać na stronie domowej organizacji:
Często można spotkać w sieci strony www zawierające bardzo cenne treści, które nie są widoczne dla wielu użytkowników i wyszukiwarek z powodu zastosowania niepoprawnego kodu HTML. Strony te bywają nieprawidłowo wyświetlane w niektórych przeglądarkach, lub zawierają treść nieczytelną dla robotów wyszukiwarek.
Twórcy przeglądarek przeważnie starają się stworzyć je w sposób możliwie "inteligentny" - tak, aby nawet strony napisane niepoprawnym kodem były wyświetlane w sposób zbliżony do przypuszczalnych zamierzeń autora. O ile jednak standardy W3C określają sposób wyświetlania stron napisanych prawidłowo, wyświetlanie stron z błędami zależy w znacznie większej mierze od rozwiązań typowych dla danej przeglądarki. Dlatego zdarza się, że jedna przeglądarka wyświetla zgodnie z oczekiwaniami stronę zawierającą błędny kod HTML, a w innej ta sama strona wyświetla się zupełnie inaczej: układ strony się nie zgadza, brakuje niektórych elementów, lub nawet cała strona jest zupełnie niewidoczna.
Poniższy link prowadzi do strony (zawierającej jeden błąd: brak jednego znaku "/"), która w Mozilli jest widoczna identycznie jak strona o prawidłowym kodzie,
a Internet Explorer nie wyświetla jej wcale:
Zobacz przykład
Co gorsza, powyższy przykład (tego rodzaju błąd) jest z życia wzięty.
Wiele stron internetowych bywa testowanych tylko w jednej przeglądarce. Wówczas ich twórcy lub właściciele mogą być nieświadomi błędów wyświetlania w innych przeglądarkach.
Roboty wyszukiwarek internetowych również mogą podczas próby odczytania błędnego kodu strony napotkać problemy podobne jak przeglądarki - nie zauważyć części zawartości. W takim przypadku niewidoczna dla nich treść nie zostanie zaindeksowana, a strona zostanie rozpoznana jako uboższa o nią i niżej oceniona.
Pomaga uniknąć ewentualnych problemów z czytelnością stron nie tylko z punktu widzenia przeglądarek internetowych, ale także wyszukiwarek - co miewa decydujący wpływ na pozycjonowanie.
Zaniedbanie zgodności kodu ze specyfikacjami W3C może spowodować brak skuteczności działań pozycjonujących.
Prawidłowo napisany kod HTML strony nie gwarantuje identycznego wyświetlania całej zawartości (zależnego również od sposobu obsługi CSS) we wszystkich przeglądarkach. Niestety nie wszystkie przeglądarki internetowe zostały stworzone z uwzględnieniem wytycznych W3C jako decydujących. Niektórzy autorzy przeglądarek bardziej skupili się na dodawaniu własnych nowości niż na uniwersalności swojego programu. Jednak większość przeglądarek dominujących obecnie na rynku ma (przynajmniej w założeniu) wyświetlać strony www zgodnie z wytycznymi W3C.
Jedną z przeglądarek wytrwale ignorujących wspomniane standardy był MS Internet Explorer do wersji 7. Jego najnowsza, aktualna wersja 8 jest jednak pod tym względem poprawiona -
W3C wymienia go na liście przeglądarek w pełni obsługujących CSS 2.1.
Wszystkich użytkowników starszych (niż 8) wersji Internet Explorera zachęcam więc do zaktualizowania go do najnowszej wersji, którą można pobrać ze strony:
http://www.microsoft.com/poland/windows/internet-explorer/worldwide-sites.aspx
Lista przeglądarek uznanych przez W3C za poprawnie obsługujące CSS 2.1 znajduje się na stronie:
http://www.w3.org/Style/CSS/#browsers
Zastosowanie czcionek (fontów, krojów pisma) nieobecnych w systemie użytkownika oglądającego stronę spowoduje różnicę w graficznym sposobie prezentacji strony: przeglądarka dobierze inny font spośród dostępnych. Sposób w jaki tego dokona i wybrany font mogą więc być całkiem inne u różnych użytkowników.
Różnice w sposobie wyświetlania tego samego kodu mogą się pojawić także w przypadku wielkości:
Przeważająca większość tych różnic jest jednak łatwa do usunięcia przy użyciu odpowiedniego formatowania CSS. Jeżeli nasz arkusz stylów CSS definiuje tylko niektóre atrybuty używanych elementów, przeglądarka przypisuje pozostałym atrybutom wartości domyślne. Te domyślne wartości mogą być (i często są) różne w różnych przeglądarkach. Zdefiniowanie ich w arkuszu stylów rozwiązuje większość problemów.
Najważniejszy zysk polega na zapewnieniu widoczności całej treści w przeglądarkach w pełni obsługujących dany język (oczywiście jeśli nie została ona ukryta np. przy pomocy CSS, koloru pisma identycznego z kolorem tła, overflow:hidden itp.). Ponadto zyskujemy:
Poprawność kodu HTML/XHTML najprościej sprawdzić przy pomocy usługi udostępnionej przez W3C pod adresem:
http://validator.w3.org/
Analogiczna usługa dla sprawdzania poprawności CSS:
http://jigsaw.w3.org/css-validator/
Można to zrobić samodzielnie, zapoznawszy się z wytycznymi dostępnymi na stronie W3C, na przykład:
Można także skorzystać z oferty Code4CAD.
© oilpc 2009