XHTML vs HTML

obrazok obrazok

Mô?ete sa pripravi? na XHTML, po?nutím písania stru?ného HTML.


Ako sa pripravi? na XHTML

XHTML nie je ve?mi odli?né od HTML 4.01 ?tandardu.

Tak?e, skonvertovaním vá?ho starého kódu na HTML 4.01 ?tandard je dobrý ?tart. Kompletný HTML 4.01 zdroj vám s tým pomô?e.

Okrem toho by ste mali va?e kódy za?a? písa? v malých písmenách a NIKDY nevynecha? tágy, ako </p>).

Veselé kódovanie!


Najdôle?itej?ie rozdiely:

  • XHTML elementy musia by? správne vkladané
  • XHTML elementy musia by? v?dy uzatvorené
  • XHTML elementy musi by? v lowercase (malé písmená)
  • XHTML dokumenty musia ma? jeden kore?ový element

XHTML Elementy Musia By? Správne Vkladané

V HTML, niektoré elementy mô?u by? nesprávne vkladané, ka?dý za iným, ako toto:

<b><i>Tento text je tlstý a ?ikmý</b></i>

V XHTML, v?etky elementy musia by? SPRÁVNE vlo?ené, ka?dý za iným, ako toto:

<b><i>Tento text je tlstý a ?ikmý</i></b>

Pozn: Be?ná chyba s vkladaním odrá?ok je, ?e musia by? medzi <li> and </li> tagmi.

Toto je zle:

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>

      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>

</ul>

Toto je dobre:

<ul>

  <li>Káva</li>
  <li>?aj
    <ul>
      <li>?ierny ?aj</li>
      <li>Zelený ?aj</li>

    </ul>
  </li>
  <li>Mlieko</li>
</ul>

V?imnite si, ?e som vlo?il </li> tág za </ul> tág v tom "správnom" príklade kódu.


XHTML Elementy Musia By? V?dy Uzatvorené

Nie-prázdne elementy musia ma? koncový tág.

Toto je zle:

<p>Toto je odstavec
<p>Toto je ?al?í odstavec

Toto je správne:

<p>Toto je odstavec</p>

<p>Toto je ?al?í odstavec</p>


Prázdne Elementy Tie? Musia By? Uzatvorené

Prázdne elementy musia tie? ma? koncový tág alebo za?iato?ný tág sa musí kon?i? s />.

Toto je zle:

Zalomenie riadku: <br>
Horizontálna ?iara: <hr>
Obrázok: <img src="happy.gif" alt="Happy face">

Toto je správne:

Zalomenie riadku: <br />
Horizontálna ?iara: <hr />
Obrázok: <img src="happy.gif" alt="Happy face" />


XHTML Elementy Musia By? Malými Písmenami

XHTML ?pecifikácia definuje, ?e názvy tágov a atribútov potrebujú by? malými písmenami.

Toto je zle:

<BODY>
<P>Toto je odstavec</P>
</BODY>

Toto je správne:

<body>
<p>Toto je odstavec</p>
</body>


XHTML Dokumenty Musia Ma? Jeden Kore?ový Element

V?etky XHTML elementy musia by? uskladnené v <html> kore?ovom elemente. V?etky iné elementy mô?u ma? pod-(detské)-elementy. Pod-elementy musia by? v pároch a správne vlo?ené v ich materských elementoch. Základná ?truktúra HTML dokumentu je:

<html>
<head> ... </head>
<body> ... </body>
</html>

obrazok obrazok