TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
V druhém díle seriálu "Přechod na XHTML" se budeme zabývat technickou stránkou (ne teorií jako minule).
..
Co všechno probereme?
Nejdříve si řekneme o rozdílech (bylo v minulém díle, takže pro zopakování) a níže se o nich rozepíši, abyste viděli rozdíly, na které narazíte v praxi.- vše musí být malým písmem (tagy a atributy tagů)
- každý párový tag musí být nutně ukončen
- nepárové tagy mají na konci " />" (třeba <br />)
- v každém dokumentu musí být doctype + xml prolog (jen by měl být, není striktně vyžadován)
- zápis scriptů je také jinak
Vše malým písmem a všechny atributy s uvozkami
Vše, jak tagy, tak atributy, musí být malým písmenem:
<p class="obsah"></p><!-- dobře //-->
<P CLASS=obsah></p><!-- špatně! //-->
Nesmí se křížit tagy
Takže předtím než první ukončím, nesmím druhý začít, pokud ho před koncem prvního neukončím. Možná trochu krkolomně řečeno, ale v příkladu je to dobře vidět:
<p>text <i>kurzívou</i></p><!-- dobře //-->
<p>text <i>kurzívou</p></i><!-- špatně! //-->
Každý tag musí být ukončen, nepárové končí " />"
Kterýkoliv párový tag musí být ukončen, nepárové končí na " />". Viz příklad:
<p>první odstavec</p><p>druhý</p><br />text za odřádkováním<!-- dobře //-->
<p>první odstavec<p>druhý<br />text za odřádkováním<!-- špatně! - prohlížeč si sice první odstavec uzavře a funguje to, ale je to špatně) //-->
Každý atribut musí mít hodnotu
V HTML existovaly atributy, které nemusely mít hodnotu, v XHTML to tak není. W3C je sice nezrušilo, ale musejí mít hodnotu. Příklad:
<select size="12" multiple="multiple">něco</select><!-- dobře //-->
<select size="12" multiple>něco</select><!-- špatně! //-->
Doctype + XML prolog
V XHTML musí být doctype, kde si vyberete verzi, ve které budete psát. A také by se měl uvádět XML prolog, není ale nutný.
<?xml version="1.0" encoding="iso-8859-2"?><!-- samozřejmě můžete místo iso-8859-2 použít kterékoliv jiné kódování //-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Zápis scriptů
Script můžeme zapisovat dvěma způsoby: buď jako interní nebo jako externí. Řekl bych, že zápis externího scriptu je výhodnější, protože se zapisuje stejně jako v HTML:
<script type="text/javascript">
/* <![CDATA[ */
samotný zápis javascriptu
/* ]]> */
</script>
<!-- to byl interní, teď externí: //-->
<script type="text/javascript" src="skript.js"></script>
Ukázka XHTML dokumentu
<?xml version="1.0" encoding="windows-1250"?>
<!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=windows-1250" />
<title>Titulek</title>
</head>
<body>
<p class="hlavni_odstavec">Text dokumentu.<br />Další řádek dokuemntu...text</p>
</body>
</html>
Interoperabilita versus soulad se specifikací
Samozřejmě, že nejdůležitější je interoperabilita, tedy jakási součinost a funkčnost webu, než soulad s tou či onou specifikací. Takže web nemusí být nutně zcela správně podle specifikace, ale je důležité, aby byl funkční a všude použitelný.To by mělo stačiti o přechodu na XHTML, pokud Vás napadá, co psát o tomhle dále, napište to do komentářů.
