XHTML - Syntax


Advertisements

XHTML-Syntax ist sehr ähnlich wie HTML-Syntax und fast alle gültigen HTML-Elemente sind in XHTML gültig als auch. Aber wenn Sie ein XHTML-Dokument zu schreiben müssen Sie ein bisschen mehr Aufmerksamkeit zu schenken zu machen Ihrem HTML Dokument konform zu XHTML.

Hier sind die wichtig Punkte zu erinnern, während dem Schreiben einer neuen XHTML-Dokument oder die Umwandlung bestehender HTML-Dokument in XHTML-Dokument:

  • Sie müssen eine DOCTYPE-Deklaration zu Beginn des XHTML-Dokument zu schreiben.

  • Sie müssen alle XHTML-Tags zu schreiben und Attribute in nur Klein.

  • Sie müssen zu geschlossen alle XHTML-Tags richtig.

  • Sie müssen alle Attributwerte zu zitieren.

  • Attributminimierung ist verboten.

  • Die id -Attribut ersetzt die name Attribut.

  • Die Sprache  -Attribut des Skript -Tag ist veraltet.

  • Sie müssen Nest alle Tags korrekt.

Hier ist die detaillierte Erklärung der oben XHTML-Regeln:

DOCTYPE-Deklaration

Alle XHTML-Dokumente müssen eine DOCTYPE-Deklaration an den Start. Es gibt drei Arten von DOCTYPE Erklärungen, die im Detail in besprochen werdenXHTML Doctypes Kapitel. Hier ist ein Beispiel für die Verwendung DOCTYPE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Case Empfindlichkeit

XHTML ist case sensitive Markup-Sprache. Alle XHTML-Tags und Attribute müssen in Kleinbuchstaben geschrieben nur.

<!-- This is invalid in XHTML -->
<A Href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>

<!-- Correct XHTML way of writing this is as follows -->
<a href="/xhtml/xhtml_tutorial.html">XHTML Tutorial</a>

In dem Beispiel, Href und Anker-Tag A sind haben Zeichen welche sind nicht in Kleinbuchstaben, so es falsch ist.

schließenden Tags

Jeder und jeder XHTML-Tag sollte haben eine gleichwertige schließende Tag, auch leere Elemente sollten auch schließende Tags haben. Hier ist ein Beispiel, das zeigt gültige und ungültige Möglichkeiten, mit Hilfe von Tags:

<!-- This is invalid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.

<!-- This is also invalid in XHTML -->
<img src="/images/xhtml.gif" >

Hier ist der richtige Weg des Schreibens über Tags in XHTML. Unterschied ist, dass wir hier haben sowohl die Tags richtig geschlossen.

<!-- This is valid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.</p>

<!-- This is also valid now -->
<img src="/images/xhtml.gif" />

Attribut Zitate

Alle Werte der XHTML Attribute müssen zitiert werden. Andernfalls wird Ihr XHTML-Dokument als ungültig Dokument ausgegangen. Hier ist das Beispiel, das zeigt Syntax:

<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" width=250 height=50 />
<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" width="250" height="50" />

Attribut Minimierung

XHTML nicht erlaubt Attribut Minimierung. Es heißt, Sie brauchen, um ausdrücklich Staats das Attribut und seinen Wert. Das folgende Beispiel zeigt den Unterschied:

<!-- This is invalid in XHTML -->
<option selected>
<!-- Correct XHTML way of writing this is as follows -->
<option selected="selected">

Hier ist eine Liste der minimiert Attribute in HTML und die Weg Sie müssen zu schreiben ihnen in XHTML :

HTML Style XHTML Style
kompakt kompakt ="compact"
überprüft überprüft="checked"
erklären erklären="declare"
readonly readonly="readonly"
deaktiviert deaktiviert ="disabled"
gewählt gewählt ="selected"
Später Später="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
mehrere mehrere ="multiple"
noresize noresize="noresize"

Das Attribut id

Das id -Attribut ersetzt die name attribute. Anstelle der Verwendung von name = "name", zieht XHTML zu id = "id" zu verwenden. Das folgende Beispiel zeigt diesen Unterschied

<!-- This is invalid in XHTML -->
<img src="/images/xhtml.gif" name="xhtml_logo" />

<!-- Correct XHTML way of writing this is as follows -->
<img src="/images/xhtml.gif" id="xhtml_logo" />

Die Sprache Attribut

Die Sprache -Attribut des script-Tag ist veraltet. Das folgende Beispiel zeigt diesen Unterschied:

<!-- This is invalid in XHTML -->
<script language="JavaScript" type="text/JavaScript">
  document.write("Hello XHTML!");
</script>

<!-- Correct XHTML way of writing this is as follows -->
<script type="text/JavaScript">
  document.write("Hello XHTML!");
</script>

Verschachtelte Tags

Alle XHTML-Tags müssen korrekt verschachtelt sonst wird Ihr Dokument als XHTML-Dokument nicht korrekt ausgegangen werden kann. Das folgende Beispiel zeigt die Syntax:

<!-- This is invalid in XHTML -->
<b><i> This text is bold and italic</b></i>

<!-- Correct XHTML way of writing this is as follows -->
<b><i> This text is bold and italic</i></b>

Element Verbote

Die folgenden Elemente sind nicht erlaubt, jede andere Element in sich haben. Dieses Verbot gilt für alle Tiefen der Verschachtelung, dh alle untergeordneten Elemente enthält.

Element Verbot
<a> Darf nicht enthalten andere <a> Elemente
<vorge> Darf nicht enthalten die <img>, <objekt>, <Big>, <kleine>, <sub>, oder <sup> Elemente.
<Taste > Darf nicht enthalten die<Eingangs>, <wählen>, <textarea>, <label>, <Taste >, <form>, <fieldset>, <iframe> oderr <isindex> Elemente.
<label> Darf nicht enthalten andere <label> Elemente.
<form> Darf nicht enthalten andere <form> Elemente.

Eine minimale XHTML-Dokument

Das folgende Beispiel zeigt Ihnen eine Mindestinhalt eines XHTML 1.0-Dokument.

<?xml version="1.0" encoding="UTF-8"?>
<!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/TR/xhtml1" xml:lang="en" lang="en">
	
   <head>
      <title>Every document must have a title</title>
   </head>

   <body>
   ...your content goes here...
   </body>
</html>
Advertisements