XHTML

XML a značkovací jazyk XHTML určený k tvorbě webu

XHTML, HTML a XML

XML, to je budoucnosti webu. V XML si budete moci navrhnout vlastní značky, přizpůsobit si jazyk svým potřebám. Rovněž XML dokumentu budou snadno přenosné do jiných formátů a navíc značky XML popisují obsah (sémantiku), takže je mnohem jednodušší získat data, která chceme (např. vyhledávačem).

Jakýmsi mezistupněm mezi HTML a XML je XHTML - validní HTML, které je založené na XML. Chcete-li získat z HTML XHTML, budete muset dodržovat následující pravidla.

Hodnoty atributů XHTML elementů vždy v uvozovkách

Nelze zapsat: 

<p class=red>odstavec</p>

Ale správně: 

<p class="red">odstavec</p>

XHTML musí být well-formed

XHTML musí být well-formed, správně strukturované 

<i><b>Text</i></b>

Předchozí kód je chybný, tagy se nesmí křížit! Takže správná forma: 

<i><b>Text</b></i>
Dále platí, že každý tag je párový. Není tedy možné zapsat: 

<br>
<hr>
<img src="url">

Ale: 

<br />

Nebo:

<br></br>

Jak nepárový tag zapíšete je tedy na vás, ale první možnost je jednoduší, užívanější a stejně dobrá jako ta druhá. Dále už je jen nutné dát prohlížeči najevo, že jde o XHTML stránku. Začátek normální stránky změníme na: 

<?xml version="1.0" encoding="windows-1250" ?>
<!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="cs" lang="cs">

Pozor, pokud má vaše stránka koncovku .php, .php3.. Jde-li o dokument s PHP. Musíte použít jinou deklaraci dokumentu. 

<?
echo("<?xml version=\"1.0\" encoding=\"windows-1250\"?>\n");
echo("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n\n");
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cz" lang="cz">

Validita XML

XHTML 1 musí být validní, musí splňovat pravidla schválená W3C. Pravidla:

  • Atribut align je zakázaný, musíte použít CSS text-align:
  • Prvek <img> vyžaduje atribut alt, atribut border není povolen, použijte CSS border: 0px
  • Uvnitř prvku <ul> musí být všechen text uzavřen v značkách <li> a </li>
  • Prvky <script> a <style> vyžadují atribut type
  • Text nesmí být uzavřen jen v prvku <body>
  • Atribut size u prvku <hr> není dovolen, použijte CSS height
  • Prvek <a> nesmí obsahovat žádné formátovací tagy (b, span, i, u..)
  • Prvky a jejich atributy musí být malými písmeny
  • V atributu title nesmí být uzavřený žadný tag
  • Všechny atributy určené k popisu vzhledu jsou nahrazeny CSS (color, width, size, align...)
  • Formátovací prvky jsou též odstraněny (b, i, u, font...)
  • A další

Závěr

Co tedy udělat nyní. Dá se předpokládat, že normální stránky HTML na rozdíl od stránek XHTML budou působit problémy. Proto je asi lepší začít přepisovat svoje stránky do XHTML. Já to tak pomaličku dělám. Abyste si ověřili validitu vaší stránky, vložte do stránek odkaz: 

<a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /></a>


Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?

Vyhledávání

Osobně doporučuji

Poradna

Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.

Reklama

Reklama: