HTML a XHTML – czym się różnią

Opiszę teraz krótko, jakie są różnice pomiędzy dwoma, na pozór podobnymi językami programowania a mianowicie HTML i XHTML bazując na standardach wytyczonych przez W3C.

Zasadnicza różnica jest możliwość korzystania z różnych plików napisanych w innych językach tj. np. XML. Ale nie o tym zamierzam w tym temacie napisać.
1. Istnieją pewne wytyczne dotyczące nakładania się poszczególnych tagów. W HTML są ignorowane, podobnie postępują przeglądarki i poprawnie wyświetlają stronę internetową. XHTML nie dopuszcza do takich zdarzeń, szablonowym przykładem są tagi paragrafu <p> i kursywy <em>:

<p>pierwszy <em>przykład</p></em>   nieprawidłowy
<p>pierwszy <em>przykład</em>.</p>   prawidłowy

2. Tagi i argumenty muszą być pisane z małej litery. A dlaczego? Ponieważ XML rozróżnia wielkość liter:

<Img src=”przyklad.jpg” Width=”333″ Height=”222″>   nieprawidłowy
<img src=”przykład.jpg” width=”333″ height=”222″ />   prawidłowy

3. Wystąpienie pustych argumentów w XHTML, spowoduje błąd na stronie. W przypadku HTML takie błędy są ignorowane:

<p>Przykład drugi   nieprawidłowy
<p>Przykład drugi</p>   prawidłowy
<option>Opcje    nieprawidłowy

<option>Opcje</option>   prawidłowy

<base>  nieprawidłowy
<base /> poprawnie

<meta> nieprawidłowy
<meta /> prawidłowy

<dt>Przykład trzeci         nieprawidłowy

<dt>Przykład trzeci</dt>         prawidłowy

4. Wartości atrybutów w XHTML powinny być ujęte w cudzysłów:

<table width=111 bgcolor=#1111111>   nieprawidłowy
<table width=”111″ bgcolor=”#1111111″>   prawidłowy

5. Nie dopuszcza się skracania, jakichkolwiek atrybutów:

HTML <td nowrap>text</td>
XHTML <td nowrap=”nowrap”>text</td>
HTML <dl compact>
XHTML <dl compact=”compact”>
HTML <ul compact>
XHTML <ul compact=”compact”>
HTML <option .. selected>
XHTML <option .. selected=”selected”>
HTML <td nowrap>text</td>
XHTML <td nowrap=”nowrap”>text</td>
HTML <input type=”radio” .. checked>
XHTML <input type=”radio” .. checked=”checked” />
HTML <input type=”checkbox” .. checked>
XHTML <input type=”checkbox” .. checked=”checked” />

6. Kolejną ważną rzeczą, o której należy pamiętać, to zamykanie znaczników spacją lub slashem:

<br>   nieprawidłowy
<br />   prawidłowy

7.  Jeżeli umieszczasz w kodzie zakotwiczenia, musisz również pamiętać o  niepowtarzalnym id i name dla każdego z nich:

<a name=”przyklad”>…</a>   nieprawidłowy
<a id=”przyklad” name=”przyklad”>…</a>   prawidłowy

To tylko kilka różnic, ale z doświadczenia wiem, że właśnie w nich popełnianych jest najwięcej błędów.

Stron:

Skomentuj


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Please leave these two fields as-is:

Protected by Invisible Defender. Showed 403 to 6,643 bad guys.