Oliho web
HTML vs. XHTML
Poměrně dlouho jsem neznal rozdíl mezi XHTML a HTML, což mě inspirovalo k napsání tohoto článku.
Mimo to, že se to jinak deklaruje v DOCTYPE
a že je trochu jiná sintaxe je rozdíl hlavně v podpoře css a prohlížečů.
XHTML vznikl jako spojení
XML a HTML, ale z XML si (prozatím) vzal pouze přísnou sintaxi,
protože některé prohlížeče, především Internet Explorer (IE) XML neumí zobrazit.
Ve skutečnosti prohlížeče hůře podporují XHTML, ale na druhou stranu je právě XHTML silnějším jazykem
s přesnější sintaxí, což se hodí při realizaci rozsáhlého webu nebo pokud chcete lepší podporu css.
Ze začátku jsem psal jazykem HTML, ale po nedávném seznámení jsem začal používat XHTML se standardem strict (přísný).
Tento standard je lepší pro vyhledávače a nevyužívá zavržených tagů (které jsou nahrazeny css styly).
Dalšími standardy jsou transitional (přechodová), která podporuje zavržené tagy
a frameset (umožňující rámy), tento standard bych vám, ale nedoporučoval, protože není dobře podporován
prohlížeči.
A teď ten nejdůležitější rozdíl pro nás, webmastery. Jazyk XHTML je velice přísný na dodržování
přesné sintaxe, na rozdíl od HTML, který "přehlédne" jisté nedostatky a překlepy v kódu. Syntaxe
XHTML vyžaduje, aby byl každý tag uzavřený, to znamená, že v HTML by tag vypadal např. takto: <br>,
zatímco v XHTML takto: <br />! Dalším rozdílem je, že v XHTML se v tagu nesmí vyskytovat velká
písmena, takže například tento tag je z hlediska XHTML špatně: <BR />!!
Asi poslední rozdíl je v tom, že v XHTML musí být všechny hodnoty parametrů uzavřeny do uvozovek např.:
| <img src="adresa.url" alt="parametr" title="další parametr" /> |
Jestliže chcete psát v jazyce XHTML musíte na začátek vložit následující deklaraci:
|
<!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" xml:lang="cs" lang="cs"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> </head> <body> </body> </html> |
Kde mezi <body> a </body> se vkládá tělo, tedy to co bude prohlížečem zobrazeno uživateli.
Pro úplnost zde ještě zobrazím deklaraci pro HTML, která se od XHTML liší.
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html lang="cs"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <title></title> </head> <body> </body> </html> |
Na závěr bych to schrnul asi takto: Pokud začínáte s tvorbou webu a nějak vás netrápí zavržené tagy, lepší kód, či píšete jen malý web, je pro vás asi lepší jazyk HTML se syntaxí transitional, který "schlamstne" i nějaké ty překlepy. Na druhou stranu já se přikláním spíše k XHTML, kvůli přehlednosti a budoucím úpravám webu, kde nejsou povoleny žádné překlepy a kód je lépe čitelný a spracovatelný a jeho syntaxi strict, kvůli prohlížečům. Toto je má osobní volba a vy si musíte rozmyslet jakou volbu si zvolíte vy, jen bych rád upozornil, že bych zde chtěl uvédst nějaké základy psaní (X)HTML, které budou psány v jazyce XHTML, takže pokud vy užíváte HTML, tak rozdíly jsou popsány výše a vy si podle toho jen upravíte kód.
