Přechod na XHTML - 2. díl
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Přechod na XHTML - 2. dílPřechod na XHTML - 2. díl

 

Přechod na XHTML - 2. díl

Google       Google       13. 1. 2006       11 409×

V druhém díle seriálu "Přechod na XHTML" se budeme zabývat technickou stránkou (ne teorií jako minule).
..

Reklama
Reklama

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ě!  //-->

poznámka: "dobře" je dobře v XHTML a "špatně" je špatně v XHTML, ale dobře v HTML.

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">

Můžete si samozřejmě vybrat, jakou použijete verzi XHTML, viz minulý článek.

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ářů.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Autor se zajímá o programování, webové technologie a IT obecně. Mezi další zájmy patří čtení, fotografování, přítelkyně et cetera...
Web     Twitter     LinkedIn    

Nové články

Obrázek ke článku Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce Vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

Reklama
Reklama
Obrázek ke článku Facebook spouští službu Marketplace V ČR

Facebook spouští službu Marketplace V ČR

Společná platforma Marketplace usnadní lidem na Facebooku vyhledávání, nákup a prodej použitého zboží na lokální úrovni. Bude tak přímou konkurencí pro weby a aplikace se stejným zaměřením jako je například Letgo, Bazoš, Aukro, Sbazar a další.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý