Latest web development tutorials

Wprowadzenie XHTML

XHTML jest formatem XML napisany w HTML.


Czym jest XHTML?

  • XHTML oznacza Extensible HTML
  • XHTML i HTML 4.01 są prawie identyczne
  • XHTML jest ostrzejsze i bardziej czystą wersję HTML
  • Aplikacja XHTML za pomocą języka XML definiuje HTML
  • XHTML jest styczeń 2001 rekomendacją W3C opublikowała
  • XHTML przez wszystkich głównych przeglądarek wsparcia

Dlaczego warto korzystać z XHTML?

Strona internetowa zawiera wiele "złego" HTML.

Jeśli spojrzeć w przeglądarce następujący kod HTML, aby uruchomić bardzo normalne (nawet jeśli nie jest on zgodny z zasadami HTML):

<Html> <Head> <meta charset = "utf-8"> <Title> Jest to niestandardowa HTML </ title> <Body> <H1> niestandardowe HTML <p> To jest akapit </ body>

XML to musi odpowiednio oznakowane i dobrze ukształtowany język znaczników.

Jeśli chcesz dowiedzieć się XML, zapoznaj się z naszą XML Tutorial .

Dzisiaj, środowisko naukowe, istnieje kilka różnych technologii przeglądarka. Niektóre z nich działa na komputerze, podczas gdy inne mogą być uruchamiane na telefonów komórkowych lub innych małych urządzeń. Małe Urządzenia często brakuje wyjaśnienia "złych" język znaczników zasobów i możliwości.

Więc - łącząc w sobie zalety HTML i XML, opracowaliśmy XHTML. XHTML jako XML przeprojektowany HTML.


Najważniejsza różnica w porównaniu z HTML:

Struktura dokumentu

  • XHTML DOCTYPE jest obowiązkowe
  • <Html> Atrybut nazw XML jest obowiązkowe
  • <Html> <head>, <title> i <body> jest obowiązkowe

Element składni

  • elementy XHTML muszą być prawidłowo zagnieżdżone
  • elementy XHTML muszą być zawsze zamknięte
  • elementy XHTML muszą być pisane małymi literami
  • Dokumenty XHTML musi mieć jeden element główny

Atrybut składni

  • atrybuty XHTML muszą być pisane małymi literami
  • wartości atrybutów XHTML muszą być otoczone cudzysłowie
  • Minimalizacja atrybutów XHTML jest zabronione

<! DOCTYPE ....> jest obowiązkowe

Dokumenty XHTML muszą być XHTML deklaracja typu dokumentu (DOCTYPE XHTML deklaracji).

Można znaleźć kompletny poradnik w tym tag w Reference Manual XHTML typu dokumentu.

<Html> <head> <title> i <body> musi istnieć i musi użyć <html> atrybut xmlns w dokumencie podano nazw XML.

Poniższy przykład pokazuje dokument XHTML z minimum wymaganych tagów:

<! DOCTYPE html PUBLICZNE "- // 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"> <Head> <meta charset = "utf-8"> <Title> Tytuł dokumentu </ title> </ Head> <Body> zawartość dokumentu </ body> </ Html>


elementy XHTML muszą być prawidłowo zagnieżdżone

W HTML, niektóre elementy nie mogą być zagnieżdżone, na przykład:

<B> <i> kursywa, pogrubiony </ b> </ i>

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

<B> <i> tekst pogrubiony i pochylony </ i> </ b>


elementy XHTML muszą posiadać tag zamykający

Przykłady błędów:

<P> To jest akapit <p> Jest to kolejny ustęp

Po prawej:

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


Puste elementy musi zawierać tag zamykający

Przykłady błędów:

Gałęzie: Największa poziom: <hr> Zdjęcia: <img src = "happy.gif" alt = "Happy face">

Po prawej:

Gałęzie: <br /> Poziom: <hr /> Zdjęcie: <img src = "happy.gif" alt = "Happy face" />


elementy XHTML muszą być pisane małymi literami

Przykłady błędów:

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

Po prawej:

<Body> <P> To jest akapit </ p> </ Body>


Nazwy atrybutów muszą być pisane małymi literami

Przykłady błędów:

<table Width = "100%">

Po prawej:

<table width = "100%">


Wartości atrybutów muszą cytaty

Przykłady błędów:

<table Szerokość = 100%>

Po prawej:

<table width = "100%">


Dozwolone skróconą własnością

Przykłady błędów:

<Wejście sprawdzone> <Wejście readonly> <Wejście zablokowane> <option selected>

Po prawej:

<Wejście sprawdzane = "zaznaczone"> <Wejście readonly = "readonly"> <Wejście disabled = "disabled"> <option selected = "wybrany">


Jak przekonwertować HTML do XHTML

  1. Dodaj XHTML <! DOCTYPE> na swojej stronie
  2. Dodawanie atrybutu xmlns do elementu HTML każdej strony.
  3. Zmień wszystkie elementy na małe litery
  4. Zamknij wszystkie puste elementy
  5. Modyfikować wszystkie nazwy atrybutów na małe litery
  6. Wszystkie wartości atrybutów, aby dodać cytaty

Korzystanie z walidatora W3C, aby sprawdzić swoją XHTML

Podaj swój adres w polu poniżej: