HTML XHTML jest napisany jako XML.
Czym jest XHTML?
- XHTML oznacza Extensible Markup Language Hyper Text
- XHTML jest niemal identyczny do HTML
- XHTML jest bardziej restrykcyjne niż HTML
- HTML XHTML jest zdefiniowany jako aplikacja XML
- XHTML jest obsługiwany przez wszystkich głównych przeglądarek
Dlaczego XHTML?
Wiele stron w internecie zawiera "bad" HTML.
Ten kod HTML działa poprawnie w większości przeglądarek (even if it does not follow the HTML rules) :
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>Dzisiejszy rynek składa się z różnych technologii przeglądarek. Niektóre przeglądarki uruchomić na komputerach, a niektóre przeglądarki uruchomić na telefonach komórkowych lub innych małych urządzeń. Mniejsze urządzenia często brakuje zasobów lub uprawnienia do interpretowania "bad" znaczników.
XML to język znaczników, gdzie dokumenty muszą być oznakowane prawidłowo (be "well-formed") .
Jeśli chcesz uczyć się języka XML, przeczytaj nasz poradnik XML .
Poprzez połączenie mocnych stron HTML i XML, XHTML został opracowany.
XHTML jest HTML przeprojektowana jako XML.
Najważniejsze różnice z HTML:
Struktura dokumentu
- XHTML DOCTYPE jest obowiązkowe
- W xmlns atrybut w <html> jest obowiązkowe
- <html> , <head> , <title> i <body> są obowiązkowe
XHTML Elements
- Elementy XHTML muszą być properly nested
- Elementy XHTML muszą być zawsze closed
- Elementy XHTML muszą być lowercase
- Dokumenty XHTML musi mieć one root element
Atrybuty XHTML
- Nazwy atrybutów muszą być lower case
- Wartości atrybutów muszą być quoted
- Minimalizacja atrybut jest forbidden
<!DOCTYPE ....> jest obowiązkowe
Dokument XHTML musi posiadać deklarację DOCTYPE XHTML.
Pełną listę wszystkich XHTML Doctypes znajduje się w naszym znaczniki HTML Reference.
<html> , <head> , <title> i <body> elementy muszą być także obecne, a xmlns atrybut w <html> musi określać nazw XML dokumentu.
Ten przykład pokazuje dokument XHTML z minimum wymagane tagi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>XHTML elementy muszą być prawidłowo zagnieżdżone
W HTML, niektóre elementy mogą być nieprawidłowo zagnieżdżone wewnątrz siebie, jak to:
<b><i>This text is bold and italic</b></i>W XHTML, wszystkie elementy muszą być prawidłowo zagnieżdżone wewnątrz siebie, jak to:
<b><i>This text is bold and italic</i></b>XHTML elementy muszą być zawsze zamknięte
To jest źle:
<p>This is a paragraph
<p>This is another paragraphTo jest poprawne:
<p>This is a paragraph</p>
<p>This is another paragraph</p>Puste elementy muszą być zamknięte
To jest źle:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">To jest poprawne:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />XHTML elementy muszą być pisane małymi literami
To jest źle:
<BODY>
<P>This is a paragraph</P>
</BODY>To jest poprawne:
<BODY>
<P>This is a paragraph</P>
</BODY>XHTML Atrybut nazwy muszą być pisane małymi literami
To jest źle:
<table WIDTH="100%">To jest poprawne:
<table WIDTH="100%">Wartości atrybutów muszą być podawane
To jest źle:
<table width=100%>To jest poprawne:
<table WIDTH="100%">Minimalizacja atrybutów jest zabronione
Źle:
<input type="checkbox" name="vehicle" value="car" checked />Poprawny:
<input type="checkbox" name="vehicle" value="car" checked="checked" />Źle:
<input type="text" name="lastname" disabled />Poprawny:
<input type="text" name="lastname" disabled="disabled" />Jak przekonwertować z HTML do XHTML
- Dodaj XHTML <!DOCTYPE> do pierwszej linii każdej strony
- Dodać xmlns atrybutu do elementu HTML każdej strony
- Zmień wszystkie nazwy elementów na małe litery
- Zamknij wszystkie puste elementy
- Zmień wszystkie nazwy atrybutów na małe litery
- Cytat wszystkie wartości atrybutów
Walidacja XHTML Z walidatora W3C
Umieścić swój adres internetowy w polu poniżej: