XHTML

Język XHTML

Język XHTML jest następcą języka HTML, który od wersji 4.01 nie jest już dalej rozwijany. HTML został znormalizowany tak, aby mógł być zgodny z językiem XML. Różnice między językami nie są duże. Poniższych kilka reguł pokaże podstawowe różnice pomiędzy językami HTML i XHTML.

Nowy nagłówek i szablon strony

<!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" xml:lang="pl">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tytuł strony</title>
</head>
<body>
<p> Tre¶ć dokumentu www. </p>
</body>
</html>

Znaczniki muszą być zawsze pisane małymi literami

Znaczniki muszą być zawsze zamykane

Znaczników bez wersji zamykającej <br>, <hr>, <img ...>, <input ...>, <meta ...>, <link ...> należy używać w wersji pustej samozamykającej tzn. <br />, <hr />, <img ... />, <input ... />, <meta ... />, <link ... /> Nie wolno zapominać o zamykaniu innych znaczników jak: <p>, <li> itp.

Wartości atrybutów

Wartości atrybutów musz± być zawsze ujęte w podwójne cudzysłowy

<img src="obrazek.jpg" alt="obraz" width="100" height="50" />

Atrybuty puste

Dopuszczalne w języku HTML atrybuty puste, w języku XHTML musz± mieć przypisaną wartość.

<select multiple="multiple" />

Atrybut name

Atrybut name nie jest zalecany i nie powinno się go używać w XHTML. Zamiast atrybutu name stosuj id. Jeżeli koniecznie potrzebujesz atrybutu name, użyj równocześnie atrybutów name i id o takiej samej wartości.

Kolejność znaczników

W języku XHTML istotna jest kolejność otwierania i zamykania tagów. Znaczniki nie mog± być krzyżowane.

¬le:    <b> ... <i> ... </b> ... </i>

Dobrze: <b> ... <i> ... </i></b><i> ... </i>

Znaki specjalne < i &

Trzeba uważać przy stosowaniu znaków < i & w skryptach i deklaracjach CSS. Najlepiej zastępować je poprzez < i &.

Skrypty i style osadzone w dokumencie

Skrypty i style osadzone w dokumencie powinny być "otoczone" przez następujścś strukturę (dobrze jest też użyć komentarzy HTML dla starszych przeglądarek)

<script type="text/javascript"> <!--
/* <![CDATA[ */
 tutaj umieść skrypt
/* ]]> */ 
--> </script>

Walidacja kodu języka XHTML

Pod adresem http://validator.w3.org dostępny jest walidator kodu języka XHTML

Lista plików • źródło pliku