Różnice między XHTML a HTML

Piszemy dokładny HTML, aby przygotować się na XHTML.

Jak się przygotować na XHTML

XHTML i HTML 4.01 mają niewiele różnic.

Dlatego aktualizacja kodu do wersji 4.01 to dobry początek. Nasza kompletnaPodręcznik HTML 4.01pomoże Ci to osiągnąć.

Ponadto, powinieneś natychmiast zaczynać pisać kod HTML małymi literami, i w żaden sposób nie przyzwyczajać się do zaniedbywania etykiet takich jak </p>.

Życzymy miłego kodowania!

Najważniejsze różnice:

  • Elementy XHTML muszą być poprawnie zagnieżdżone.
  • Elementy XHTML muszą być zamknięte.
  • Nazwy etykiet muszą być pisane małymi literami.
  • Dokument XHTML musi mieć element korzeniowy.

Elementy muszą być poprawnie zagnieżdżone

W HTML niektóre elementy mogą być źle zagnieżdżone, jak poniżej:

<b><i>Tekst ten jest pogrubiony i podkreślony</b></i>

W XHTML wszystkie elementy muszą być poprawnie zagnieżdżone, jak poniżej:

<b><i>Tekst ten jest pogrubiony i podkreślony</i></b>

Wskazówka:Jednym z łatwych błędów w zagnieżdżonych listach jest zapomnienie, że wewnętrzna lista musi znajdować się w elemencie li, jak poniżej:

To jest błędne:

<ul>
  <li>Kawa</li>
  <li>Herbata</li>
    <ul>
      <li>Herbata czarna</li>
      <li>Herbata zielona</li>
    </ul>
  <li>Mleko</li>
</ul>

To jest poprawne:

<ul>
  <li>Kawa</li>
  <li>Herbata
    <ul>
      <li>Herbata czarna</li>
      <li>Herbata zielona</li>
    </ul>
  </li>
  <li>Mleko</li>
</ul>

Uwaga: W przykładach poprawnego kodu wstawiliśmy etykietę </li> po </ul>.

Elementy XHTML muszą być zamknięte

Puste etykiety muszą być zamknięte

To jest błędne:

<p>To jest akapit
<p>To jest inny akapit

To jest poprawne:

<p>To jest akapit</p>
<p>To jest inny akapit</p>

Puste etykiety również muszą być zamknięte

Puste etykiety również muszą być zamknięte, lub ich początkowy etykieta musi być użyta/>Koniec.

To jest błędne:

Przerwa: <br>
Pozioma linia: <hr>
Obraz: <img src="happy.gif" alt="Twarz z uśmiechem">

To jest poprawne:

Przerwa: <br />
Pozioma linia: <hr />
Obraz: <img src="happy.gif" alt="Twarz z uśmiechem"> />

Elementy XHTML muszą być pisane małymi literami

Definicja XHTML: nazwy atrybutów są wrażliwe na wielkość liter.

To jest błędne:

<BODY>
<P>To jest akapit</P>
</BODY>

To jest poprawne:

<body>
<p>To jest akapit</p>
</body>

Dokument XHTML musi mieć jeden element korzeniowy

Wszystkie elementy XHTML muszą być umieszczone wewnątrz głównego elementu <html>. Pozostałe elementy mogą mieć elementy potomne. Elementy potomne muszą być para i umieszczone wewnątrz elementu nadrzędnego. Podstawowa struktura dokumentu wygląda tak:

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