Archiwum miesiąca Grudzień 2010

HTML a XHTML

czwartek, 2 Grudzień 2010

Wprowadzenie do języka HTML zgodności z XML

Aby język HTML był zgodny z XML i stał się językiem modułowym, konieczne jest respektowanie szeregu zasad składni. Najważniejszą z nich jest zasada prawidłowego zarządzania znacznikami. Przeglądarki dość swobodnie obsługują HTML. Kwestia zamknięcia znaczników (takich jak na przykład <H1>) nie zawsze jest istotna, czego przykładem jest też znacznik <p>. Oto kod HTML, który zostanie poprawnie zinterpretowany przez każdą przeglądarkę:

<html>

<body bgcolor=?#FFFFFF? text=?#000000?>

<p><font face=?Arial? size=?4?>Ten tekst będzie poprawnie wyświetlany.

<p>Nawet jeśli niektóre znaczniki nie zostaną prawidłowo zamknięte.

Przeglądarka trzymająca się ściśle definicji XHTML-Strict nie wyświetliłaby tekstu reprezentowanego w tym kodzie. Przede wszystkim znaczniki <p> i <font> nie mają znaczników zamykających. Obowiązujący w obrębie XML ścisły sposób zarządzania znacznikami wymaga, aby wszystkie znaczniki zostały prawidłowo zamknięte. Ponadto znacznik <font> nie jest obsługiwany w XHTML. Formatowanie wprowadzane jest tylko poprzez kaskadowe arkusze stylów. W przedstawionym dokumencie brakuje także deklaracji typu dokumentu. Deklaracja taka powinna otwierać kod i identyfikować dokument jako dokument XML oraz podawać ulokowanie pliku DTD, który pomaga zinterpretować znaczniki XML.

Aby podany w przykładzie kod działał poprawnie jako XHTML, musi mieć następującą postać:

<?xml version=?1.0??>

<!DOCTYPE html PUBLIC ?-//W3C//DTD XHTML 1.0 Strict//EN?

?http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd?> <html xmlns=?http://www.w3.org/1999/xhtml?> <head> <title>XHTML Page</title> <style type=?text/css? xml:space=?preserve?>

body {

background-color: #FFFFFF;

color: #000000; }

P {

Font-Family: Arial;

Font_size: 14pt; } </style> </head> <body> <p>Ten tekst będzie poprawnie wyświetlany.</p> </html>

W dokumencie pojawiły się pewne nowe elementy. Natychmiastowa zmiana, widoczna na pierwszy rzut oka, to deklaracja XML, umieszczona na początku kodu. Typ dokumentu to: html PUBLIC ?-//W3C//DTD XHTML 1.0 Strict//EN, jest to wersja Strict języka XHTML.

Istnieją trzy typy języka XHTML: Strict, Transitional i Frames. XHTML-Strict jest implementacją języka XHTML zgodną ze standardem XHTML 1.0. XHTML-Transitional to definicja XHTML, która dopuszcza stosowanie w składni znaczników specyfikacji HTML 4.0 w celu umożliwienia przejścia z jednego języka do drugiego. XHTML-Frames to wersja języka, która akceptuje stosowanie ramek Netscape na stronach XHTML.

Kolejny wiersz kodu: http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd, skierowuje przeglądarkę do miejsca, z którego może ściągnąć odpowiedni plik DTD niezbędny do interpretacji dokumentu.

Przestrzeń nazw jest zdefiniowana w znaczniku <HTML>. Podany jest w nim adres określający lokalizację przestrzeni nazw w Internecie.

XHTML nie dopuszcza formatowania tekstu za pomocą znaczników <font> i <body>. Formatowanie wprowadzają więc w przykładowym dokumencie kaskadowe arkusze stylów. Kolor tła został zdefiniowany jako biały (#FFFFFF), a kolor tekstu jako czarny (#000000). Styl zawartości znacznika <P> został określony jako Arial o rozmiarze 14pt.

Pozostała część dokumentu ma postać taką samą jak w HTML-u, aczkolwiek nie zawiera znaczników formatujących.

Są to tylko nieliczne ze zmian, które trzeba wprowadzić, by dokument uczynić zgodnym z formatem XHTML. Konieczna jest rezygnacja z wielu znaczników HTML stosowanych przez twórców stron. Jak już wspomniano, znacznik <FONT> trzeba zastąpić arkuszem CSS. To samo dotyczy znacznika <CENTER>. Funkcje tego znacznika powinien przejąć arkusz CSS. Znacznik <I> wymaga zastąpienia równoważnym znacznikiem <EM>, a znacznik <B> należy zamienić na znacznik <STRONG>.

Nie stosuj znacznika <FONT>. Aby unikać tego znacznika, nie wprowadzaj formatowania tekstu z poziomu inspektora Text Properties, lecz stosuj kaskadowe arkusze stylów.

Znacznik <HTML> musi zostać zmodyfikowany w widoku kodu do takiej oto postaci:

<?xml version=?1.0??>

<!DOCTYPE html PUBLIC ?-//W3C//DTD XHTML 1.0 Strict//EN?

?http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd?>

<html xmlns=?http://www.w3.org/1999/xhtml?>

Nie zapominaj o znacznikach zamykających. Na przykład wszystkie znaczniki <P> powinny mieć swoje znaczniki zamykające </P>.

Jeśli będziesz trzymał się tych trzech zasad, nie ma powodu, aby utworzone  dokumenty HTML nie dały się przekonwertować do postaci XHTML.

Pełny opis procedury dostosowywania dokumentu do standardu XHTML znajdziesz w witrynie W3C, pod adresem www.w3.org/MarkUp. Jest tam także dostępna wyczerpująca dokumentacja nowego standardu oraz połączenia do narzędzi konwersji stron napisanych w języku HTML 4 do postaci XHTML.

W3C dostarcza zestaw narzędzi do przekształcania stron w postać XHTML. Narzędzia te znajdziesz na stronach witryny W3C HTML Validation Service, pod adresem http://validator.w3.org. Jedno z nich, HTML Tidy, pozwala konwertowaćźle napisane dokumenty HTML, na przykład takie jak dokumenty generowane przez edytor Microsoft Word, do postaci zgodnej ze standardem XHTML.

XHTML a HTML 4

HTML 4 wykazuje dużo podobieństw do języka XHTML. W obu językach formatowanie wymaga stosowania kaskadowych arkuszy stylów i niezbędne jest zamykanie znaczników akapitu. Pod wieloma względami XMTML stanowi po prostu odmianę języka HTML 4, spełniającą zasady składni języka XML. Dzięki stworzeniu wersji języka HTML 4 będącej pochodną języka XML, szereg rozszerzeń, dodawanych w przyszłości do XHTML-a, będzie mogło mieć postać modułową.

XHTML 1.0 pozwala nowym urządzeniom internetowym ? pomocnikom cyfrowym PDA, konsolom do gier i interaktywnym odbiornikom TV ? korzystać z najnowszych standardów WW. Wszystko, co jest potrzebne, to przeglądarka, która potrafi zinterpretować XML i definicje typu dokumentu. Projektant nadal może używać edytorów tekstowych, aby w nich tworzyć swoje strony.

Wobec gwałtownie zmieniającego się oblicza Internetu, dodanie modułowego i rozszerzalnego języka jakim jest XHTML, to naturalne dopasowanie się.

Programiści i twórcy korzystający z nowych, dopiero kształtujących się technologii, zawsze staną wobec następującego problemu: Czy powinno się korzystać z nowej opcji obsługiwanej tylko przez wersje przeglądarek najnowszej generacji, mając pełnąświadomość, że niewielu odbiorców korzysta z takiego oprogramowania? Czy nie należałoby w takim razie skupić się na szerszej grupie użytkowników i przyjąć kryterium zgodności ze starszymi wersjami przeglądarek?

Tworzenie stron internetowych jest zajęciem dla programisty, który zawsze musi wiedzieć, jakie przeglądarki są aktualnie najpopularniejsze. Kod źródłowy to samo serce strony WWW. Umiejętność samodzielnego pisania kodu stron jest niezbędna, aby w pełni zrozumieć strony WWW jutra.

Tagi: ,
Kategoria: Tworzenie stron | Komentarze są wyłączone