Neueste Web-Entwicklung Tutorials

HTML und XHTML

❮ Zurück Weiter Kapitel ❯

XHTML ist HTML als XML geschrieben.

Was ist XHTML?

  • XHTML steht für eXtensible Hyper Text Markup Language
  • XHTML ist fast identisch mit HTML
  • XHTML ist strenger als HTML
  • XHTML wird HTML als XML-Anwendung definiert
  • XHTML wird von allen großen Browsern unterstützt

Warum XHTML?

Viele Seiten im Internet enthalten "bad" HTML.

Dieser HTML - Code funktioniert in den meisten Browsern (even if it does not follow the HTML rules) - (even if it does not follow the HTML rules) :

<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>

Der heutige Markt besteht aus verschiedenen Browser-Technologien. Einige Browser laufen auf Computern und einigen Browsern auf Mobiltelefonen oder anderen kleinen Geräten. Kleinere Geräte fehlen oft die Ressourcen oder Energie zu interpretieren "bad" Markup.

XML ist eine Auszeichnungssprache , wo Dokumente müssen korrekt gekennzeichnet werden (be "well-formed") .

Wenn Sie XML studieren möchten, benutzen Sie bitte unser lesen XML - Tutorial .

Durch die Kombination der Stärken von HTML und XML, XHTML wurde entwickelt.

XHTML ist HTML als XML neu gestaltet.

Die wichtigsten Unterschiede von HTML:

Dokumentstruktur

  • XHTML DOCTYPE ist obligatorisch
  • Die xmlns - Attribut in <html> ist obligatorisch
  • <html> , <head> , <title> und <body> sind obligatorisch

XHTML-Elemente

  • XHTML - Elemente müssen properly nested
  • XHTML - Elemente muss immer closed
  • XHTML - Elemente müssen in sein lowercase
  • XHTML - Dokumente muss one root element

XHTML Attribute

  • Attributnamen müssen in seine lower case
  • Attributwerte müssen quoted
  • Attributminimierung ist forbidden

<!DOCTYPE ....> ist obligatorisch

Ein XHTML-Dokument muss eine XHTML-DOCTYPE-Deklaration hat.

Eine vollständige Liste aller XHTML Doctypes ist in unserem HTML - Tag - Referenz gefunden.

Der <html> , <head> , <title> und <body> Elemente ebenfalls vorhanden sein müssen, und die xmlns Attribut in <html> muss das XML - Namespace für das Dokument angeben.

Dieses Beispiel zeigt ein XHTML-Dokument mit einem Minimum an benötigten Tags:

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

<head>
  <title>Title of document</title>
</head>

<body>
  some content
</body>

</html>

XHTML-Elemente müssen ordnungsgemäß Verschachtelte

In HTML können einige Elemente nicht richtig ineinander verschachtelt werden, wie folgt aus:

<b><i>This text is bold and italic</b></i>

In XHTML müssen alle Elemente richtig ineinander verschachtelt werden, wie folgt aus:

<b><i>This text is bold and italic</i></b>

XHTML-Elemente müssen immer geschlossen sein

Das ist falsch:

<p>This is a paragraph
<p>This is another paragraph

Das ist richtig:

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Leere Elemente müssen ebenfalls geschlossen

Das ist falsch:

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

Das ist richtig:

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML-Elemente müssen in Kleinbuchstaben eingegeben werden

Das ist falsch:

<BODY>
<P>This is a paragraph</P>
</BODY>

Das ist richtig:

<BODY>
<P>This is a paragraph</P>
</BODY>

XHTML Attribut Namen müssen in Kleinbuchstaben eingegeben werden

Das ist falsch:

<table WIDTH="100%">

Das ist richtig:

<table WIDTH="100%">

Attributwerte müssen angegeben werden

Das ist falsch:

<table width=100%>

Das ist richtig:

<table WIDTH="100%">

Attribut Minimierungs ist unzulässig

Falsch:

<input type="checkbox" name="vehicle" value="car" checked />

Richtig:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

Falsch:

<input type="text" name="lastname" disabled />

Richtig:

<input type="text" name="lastname" disabled="disabled" />

Wie von HTML zu XHTML konvertieren

  1. Fügen Sie einen XHTML <!DOCTYPE> in der ersten Zeile jeder Seite
  2. Fügen Sie ein xmlns - Attribut in das HTML - Element jeder Seite
  3. Ändern Sie alle Elementnamen in Kleinbuchstaben
  4. Schließen Sie alle leeren Elemente
  5. Ändern Sie alle Attributnamen in Kleinbuchstaben
  6. Zitat alle Attributwerte

Validate XHTML mit dem W3C-Validator

Legen Sie Ihre Web-Adresse in das folgende Feld:


❮ Zurück Weiter Kapitel ❯