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:
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">
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.
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" />
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" />
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 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 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>
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>
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. |
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>