HTML versus XHTML
XHTML je přísnější verze HTML více založená na XML.
Co je XHTML?
- XHTML je zkratka pro E X tensible H yper T ext Markup L jazyk
- XHTML je přísnější verze HTML více založená na XML
- XHTML je HTML definovaný jako XML aplikace
- XHTML podporují všechny hlavní prohlížeče
Proč XHTML?
XML je značkovací jazyk, kde musí být všechny dokumenty správně označeny (být „dobře zformované“).
XHTML bylo vyvinuto, aby bylo HTML rozšiřitelnější a flexibilnější pro práci s jinými datovými formáty (jako je XML). Prohlížeče navíc ignorují chyby na stránkách HTML a snaží se web zobrazit, i když má nějaké chyby v označení. XHTML tedy přichází s mnohem přísnějším zpracováním chyb.
Pokud chcete studovat XML, přečtěte si prosím náš XML Tutorial .
Nejdůležitější rozdíly oproti HTML
- <!DOCTYPE> je povinné
- Atribut xmlns v <html> je povinný
- <html>, <head>, <title> a <body> jsou povinné
- Prvky musí být vždy správně vnořené
- Prvky musí být vždy uzavřeny
- Prvky musí být vždy psány malými písmeny
- Názvy atributů musí být vždy malými písmeny
- Hodnoty atributů musí být vždy uvedeny
- Minimalizace atributů je zakázána
XHTML - <!DOCTYPE ....> je povinné
Dokument XHTML musí mít deklaraci XHTML <!DOCTYPE>.
Prvky <html>, <head>, <title> a <body> musí být také přítomny a atribut xmlns v <html> musí určovat xml jmenný prostor pro dokument.
Příklad
Zde je dokument XHTML s minimem požadovaných značek:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
Prvky XHTML musí být správně vnořeny
V XHTML musí být prvky vždy správně vnořeny do sebe, například takto:
Opravit:
<b><i>Some
text</i></b>Špatně:
<b><i>Some
text</b></i>Prvky XHTML musí být vždy zavřené
V XHTML musí být prvky vždy uzavřeny takto:
Opravit:
<p>This is a paragraph</p>
<p>This is another paragraph</p>Špatně:
<p>This is a paragraph
<p>This is another paragraphPrázdné prvky XHTML musí být vždy zavřené
V XHTML musí být prázdné prvky vždy uzavřeny takto:
Opravit:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />Špatně:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">Prvky XHTML musí být napsány malými písmeny
V XHTML musí být názvy prvků vždy malými písmeny, například takto:
Opravit:
<body>
<p>This is a paragraph</p>
</body>Špatně:
<BODY>
<P>This is a paragraph</P>
</BODY>Názvy atributů XHTML musí být uvedeny malými písmeny
V XHTML musí být názvy atributů vždy malými písmeny, například takto:
Opravit:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>Špatně:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>Hodnoty atributu XHTML musí být uvedeny v uvozovkách
V XHTML musí být hodnoty atributů vždy uvozovány takto:
Opravit:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>Špatně:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>Minimalizace atributů XHTML je zakázána
V XHTML je minimalizace atributů zakázána:
Opravit:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />Špatně:
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />