XHTML - Kurzanleitung
XHTML steht für E.Xspannbar HyperText MArkup LSprache. Es ist der nächste Schritt in der Entwicklung des Internets. XHTML 1.0 ist der erste Dokumenttyp in der XHTML-Familie.
XHTML ist mit nur wenigen Unterschieden fast identisch mit HTML 4.01. Dies ist eine sauberere und strengere Version von HTML 4.01. Wenn Sie HTML bereits kennen, müssen Sie wenig Aufmerksamkeit schenken, um diese neueste Version von HTML zu erlernen.
XHTML wurde vom World Wide Web Consortium (W3C) entwickelt, um Webentwicklern den Übergang von HTML zu XML zu erleichtern. Durch die heutige Migration auf XHTML können Webentwickler mit all ihren Vorteilen in die XML-Welt einsteigen und gleichzeitig auf die Abwärts- und zukünftige Kompatibilität der Inhalte vertrauen.
Warum XHTML verwenden?
Entwickler, die ihre Inhalte auf XHTML 1.0 migrieren, erhalten die folgenden Vorteile:
XHTML-Dokumente sind XML-konform, da sie mit Standard-XML-Tools problemlos angezeigt, bearbeitet und validiert werden können.
XHTML-Dokumente können so geschrieben werden, dass sie sowohl in vorhandenen als auch in neuen Browsern besser funktionieren als zuvor.
XHTML-Dokumente können Anwendungen wie Skripte und Applets verwenden, die entweder auf dem HTML-Dokumentobjektmodell oder dem XML-Dokumentobjektmodell basieren.
XHTML bietet Ihnen ein konsistenteres, gut strukturiertes Format, sodass Ihre Webseiten von aktuellen und zukünftigen Webbrowsern einfach analysiert und verarbeitet werden können.
Sie können Ihr Dokument auf lange Sicht einfach pflegen, bearbeiten, konvertieren und formatieren.
Da XHTML ein offizieller Standard des W3C ist, wird Ihre Website mit vielen Browsern kompatibler und genauer gerendert.
XHTML kombiniert die Stärke von HTML und XML. XHTML-Seiten können auch von allen XML-fähigen Browsern gerendert werden.
XHTML definiert den Qualitätsstandard für Ihre Webseiten. Wenn Sie diesen befolgen, werden Ihre Webseiten als Qualitätswebseiten gezählt. Das W3C zertifiziert diese Seiten mit ihrem Qualitätsstempel.
Webentwickler und Webbrowser-Designer entdecken ständig neue Wege, um ihre Ideen durch neue Auszeichnungssprachen auszudrücken. In XML ist es relativ einfach, neue Elemente oder zusätzliche Elementattribute einzuführen. Die XHTML-Familie wurde entwickelt, um diese Erweiterungen durch XHTML-Module und Techniken zur Entwicklung neuer XHTML-konformer Module aufzunehmen. Diese Module ermöglichen die Kombination bestehender und neuer Funktionen zum Zeitpunkt der Entwicklung von Inhalten und des Entwurfs neuer Benutzeragenten.
Grundlegendes Verständnis
Bevor wir fortfahren, lassen Sie uns einen kurzen Überblick über HTML, XML und SGML geben.
Was ist SGML?
Das ist SStandard Generalisiert MArkup LSprachanwendung (SGML) gemäß Internationalem Standard ISO 8879. HTML wird allgemein als Standard-Veröffentlichungssprache des World Wide Web angesehen.
Dies ist eine Sprache zur Beschreibung von Auszeichnungssprachen, insbesondere derjenigen, die beim elektronischen Dokumentenaustausch, bei der Dokumentenverwaltung und beim Veröffentlichen von Dokumenten verwendet werden. HTML ist ein Beispiel für eine in SGML definierte Sprache.
Was ist XML?
XML steht für E.Xspannbar MArkup LSprache. XML ist eine Auszeichnungssprache ähnlich wie HTML und wurde zur Beschreibung von Daten entwickelt. XML-Tags sind nicht vordefiniert. Sie müssen Ihre eigenen Tags entsprechend Ihren Anforderungen definieren.
Die XHTML-Syntax ist der HTML-Syntax sehr ähnlich, und fast alle gültigen HTML-Elemente sind auch in XHTML gültig. Wenn Sie jedoch ein XHTML-Dokument schreiben, müssen Sie etwas mehr Aufmerksamkeit schenken, damit Ihr HTML-Dokument XHTML-konform ist.
Hier sind die wichtigen Punkte, die Sie beim Schreiben eines neuen XHTML-Dokuments oder beim Konvertieren eines vorhandenen HTML-Dokuments in ein XHTML-Dokument beachten sollten:
Schreiben Sie eine DOCTYPE-Deklaration am Anfang des XHTML-Dokuments.
Schreiben Sie alle XHTML-Tags und -Attribute nur in Kleinbuchstaben.
Schließen Sie alle XHTML-Tags ordnungsgemäß.
Verschachteln Sie alle Tags richtig.
Zitieren Sie alle Attributwerte.
Attributminimierung verbieten.
Ersetze das name Attribut mit dem id Attribut.
Verwerfen Sie die language Attribut des Skript-Tags.
Hier ist die detaillierte Erklärung der obigen XHTML-Regeln -
DOCTYPE-Erklärung
Alle XHTML-Dokumente müssen zu Beginn eine DOCTYPE-Deklaration haben. Es gibt drei Arten von DOCTYPE-Deklarationen, die im Kapitel XHTML-Doktortypen ausführlich erläutert werden. Hier ist ein Beispiel für die Verwendung von DOCTYPE -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Groß- und Kleinschreibung
Bei XHTML wird zwischen Groß- und Kleinschreibung unterschieden. Alle XHTML-Tags und -Attribute müssen nur in Kleinbuchstaben geschrieben werden.
<!-- 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>Im Beispiel Href und Ankertag A sind nicht in Kleinbuchstaben, daher ist es falsch.
Tags schließen
Jedes XHTML-Tag sollte ein gleichwertiges schließendes Tag haben, selbst leere Elemente sollten auch schließende Tags haben. Hier ist ein Beispiel, das gültige und ungültige Verwendungsmöglichkeiten von Tags zeigt.
<!-- 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" >Die folgende Syntax zeigt die korrekte Schreibweise über Tags in XHTML. Der Unterschied ist, dass wir hier beide Tags richtig geschlossen haben.
<!-- 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 Anführungszeichen
Alle Werte von XHTML-Attributen müssen in Anführungszeichen gesetzt werden. Andernfalls wird Ihr XHTML-Dokument als ungültiges Dokument angenommen. Hier ist das Beispiel, das die Syntax zeigt -
<!-- 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" />Attributminimierung
XHTML erlaubt keine Attributminimierung. Dies bedeutet, dass Sie das Attribut und seinen Wert explizit angeben müssen. 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 minimierten Attribute in HTML und wie Sie sie in XHTML schreiben müssen -
| HTML-Stil | XHTML-Stil |
|---|---|
| kompakt | compact = "kompakt" |
| überprüft | geprüft = "geprüft" |
| erklären | deklarieren = "deklarieren" |
| schreibgeschützt | readonly = "readonly" |
| behindert | disabled = "disabled" |
| ausgewählt | selected = "selected" |
| verschieben | aufschieben = "aufschieben" |
| ismap | ismap = "ismap" |
| nohref | nohref = "nohref" |
| kein Schatten | noshade = "noshade" |
| Nowrap | nowrap = "nowrap" |
| mehrere | multiple = "multiple" |
| Noresize | noresize = "noresize" |
Das ID- Attribut
Das Attribut id ersetzt das Attribut name. Anstatt name = "name" zu verwenden, verwendet XHTML lieber id = "id". Das folgende Beispiel zeigt, wie -
<!-- 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
Das Sprachattribut des Skript-Tags 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
Sie müssen alle XHTML-Tags ordnungsgemäß verschachteln. Andernfalls wird Ihr Dokument als falsches XHTML-Dokument angenommen. 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>Elementverbote
Die folgenden Elemente dürfen kein anderes Element enthalten. Dieses Verbot gilt für alle Verschachtelungstiefen. Das heißt, es enthält alle absteigenden Elemente.
| Element | Verbot |
|---|---|
| <a> | Darf keine anderen <a> Elemente enthalten. |
| <pre> | Darf nicht die Elemente <img>, <object>, <big>, <small>, <sub> oder <sup> enthalten. |
| <Button> | Darf die Elemente <input>, <select>, <textarea>, <label>, <button>, <form>, <fieldset>, <iframe> oder <isindex> enthalten. |
| <label> | Darf keine anderen <label> -Elemente enthalten. |
| <form> | Darf keine anderen <form> -Elemente enthalten. |
Ein minimales XHTML-Dokument
Das folgende Beispiel zeigt Ihnen einen Mindestinhalt eines XHTML 1.0-Dokuments -
<?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>Aufgrund der Tatsache, dass XHTML eine XML-Anwendung ist, müssen bestimmte Praktiken, die in SGML-basiertem HTML 4 vollkommen legal waren, geändert werden. Sie haben die XHTML-Syntax bereits im vorherigen Kapitel gesehen, daher sind Unterschiede zwischen XHTML und HTML sehr offensichtlich. Es folgt der Vergleich zwischen XHTML und HTML.
XHTML-Dokumente müssen wohlgeformt sein
Wohlgeformtheit ist ein neues Konzept, das von XML eingeführt wurde. Im Wesentlichen bedeutet dies, dass alle Elemente schließende Tags haben müssen und Sie sie ordnungsgemäß verschachteln müssen.
CORRECT: Nested Elements
<p>Here is an emphasized <em>paragraph</em>.</p>INCORRECT: Overlapping Elements
<p>Here is an emphasized <em>paragraph.</p></em>Elemente und Attribute müssen in Kleinbuchstaben angegeben werden
XHTML-Dokumente müssen für alle HTML-Elemente und Attributnamen Kleinbuchstaben verwenden. Dieser Unterschied ist erforderlich, da angenommen wird, dass das XHTML-Dokument ein XML-Dokument ist und bei XML zwischen Groß- und Kleinschreibung unterschieden wird. Beispielsweise sind <li> und <LI> unterschiedliche Tags.
End-Tags sind für alle Elemente erforderlich
In HTML dürfen bestimmte Elemente das End-Tag weglassen. In XML können End-Tags jedoch nicht weggelassen werden.
CORRECT: Terminated Elements
<p>Here is a paragraph.</p><p>here is another paragraph.</p>
<br><hr/>INCORRECT: Unterminated Elements
<p>Here is a paragraph.<p>here is another paragraph.
<br><hr>Attributwerte müssen immer in Anführungszeichen gesetzt werden
Alle Attributwerte einschließlich numerischer Werte müssen in Anführungszeichen gesetzt werden.
CORRECT: Quoted Attribute Values
<td rowspan="3">INCORRECT: Unquoted Attribute Values
<td rowspan=3>Attributminimierung
XML unterstützt keine Attributminimierung. Attribut-Wert-Paare müssen vollständig geschrieben sein. Attributnamen wie "Kompakt" und "Aktiviert" können in Elementen nicht vorkommen, ohne dass ihr Wert angegeben wird.
CORRECT: Non Minimized Attributes
<dl compact="compact">INCORRECT: Minimized Attributes
<dl compact>Whitespace-Behandlung in Attributwerten
Wenn ein Browser Attribute verarbeitet, führt er Folgendes aus:
Entfernt führende und nachfolgende Leerzeichen.
Ordnet Sequenzen von einem oder mehreren Leerzeichen (einschließlich Zeilenumbrüchen) einem einzelnen Zwischenwortbereich zu.
Skript- und Stilelemente
In XHTML sollten die Skript- und Stilelemente nicht direkt die Zeichen "<" und "&" enthalten, sofern vorhanden. dann werden sie als Beginn des Markups behandelt. Die Entitäten wie "<" und "&" werden vom XML-Prozessor als Entitätsreferenzen für die Anzeige von "<" - und "&" -Zeichen erkannt.
Durch das Umschließen des Inhalts des Skripts oder Stilelements in einen mit CDATA gekennzeichneten Abschnitt wird die Erweiterung dieser Entitäten vermieden.
<script type="text/JavaScript">
<![CDATA[
... unescaped VB or Java Script here... ...
]]>
</script>Eine Alternative besteht darin, externe Skript- und Stildokumente zu verwenden.
Die Elemente mit ID und Name Attribute
XHTML empfiehlt den Austausch von Namen Attribute mit id - Attribute. Beachten Sie, dass in XHTML 1.0, der Name ist Attribut dieser Elemente formal veraltet, und es wird in nachfolgenden Versionen von XHTML entfernt werden.
Attribute mit vordefinierten Wertesätzen
HTML und XHTML verfügen beide über einige Attribute mit vordefinierten und begrenzten Wertesätzen. Zum Beispiel,type Attribut der inputElement. In HTML und XML werden diese aufgerufenenumerated attributes. Unter HTML 4 wurde bei der Interpretation dieser Werte die Groß- und Kleinschreibung nicht berücksichtigt, sodass ein Wert vonTEXT war äquivalent zu einem Wert von text.
Unter XHTML wird bei der Interpretation dieser Werte zwischen Groß- und Kleinschreibung unterschieden, sodass alle diese Werte in Kleinbuchstaben definiert werden.
Entitätsreferenzen als Hex-Werte
Sowohl HTML als auch XML erlauben Verweise auf Zeichen unter Verwendung eines Hexadezimalwerts. In HTML können diese Verweise entweder mit verwendet werden&#Xnn; oder &#xnn; und sie sind gültig, aber in XHTML-Dokumenten dürfen Sie nur die Kleinbuchstaben-Version verwenden, z &#xnn;.
Das <html> -Element ist ein Muss
Alle XHTML-Elemente müssen im <html> -Stammelement verschachtelt sein. Alle anderen Elemente können Unterelemente haben, die paarweise und korrekt in ihrem übergeordneten Element verschachtelt sein müssen. Die grundlegende Dokumentstruktur ist -
<!DOCTYPE html....>
<html>
<head> ... </head>
<body> ... </body>
</html>Der XHTML-Standard definiert drei Dokumenttypdefinitionen (DTDs). Das am häufigsten verwendete und einfachste ist das XHTML-Übergangsdokument.
XHTML 1.0-Dokumenttypdefinitionen entsprechen drei DTDs -
- Strict
- Transitional
- Frameset
Es gibt nur wenige XHTML-Elemente und -Attribute, die in einer DTD verfügbar sind, in einer anderen DTD jedoch nicht. Daher müssen Sie beim Schreiben Ihres XHTML-Dokuments Ihre XHTML-Elemente oder -Attribute sorgfältig auswählen. Mit dem XHTML-Validator können Sie jedoch gültige und ungültige Elemente und Attribute identifizieren.
Weitere Informationen hierzu finden Sie unter XHTML-Validierungen .
XHTML 1.0 Streng
Wenn Sie Cascading Style Sheet (CSS) strikt verwenden und vermeiden möchten, die meisten XHTML-Attribute zu schreiben, wird empfohlen, diese DTD zu verwenden. Ein Dokument, das dieser DTD entspricht, ist von bester Qualität.
Wenn Sie XHTML 1.0 Strict DTD verwenden möchten, müssen Sie die folgende Zeile oben in Ihr XHTML-Dokument einfügen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">XHTML 1.0 Transitional
Wenn Sie vorhaben, viele XHTML-Attribute sowie wenige Cascading Style Sheet-Eigenschaften zu verwenden, sollten Sie diese DTD übernehmen und Ihr XHTML-Dokument entsprechend schreiben.
Wenn Sie die XHTML 1.0-Übergangs-DTD verwenden möchten, müssen Sie die folgende Zeile oben in Ihr XHTML-Dokument einfügen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML 1.0-Frameset
Sie können dies verwenden, wenn Sie HTML-Frames verwenden möchten, um das Browserfenster in zwei oder mehr Frames zu partitionieren.
Wenn Sie die XHTML 1.0-Frameset-DTD verwenden möchten, müssen Sie die folgende Zeile oben in Ihr XHTML-Dokument einfügen.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">Note- Egal welche DTD Sie zum Schreiben Ihres XHTML-Dokuments verwenden; Wenn es sich um ein gültiges XHTML-Dokument handelt, wird Ihr Dokument als qualitativ hochwertiges Dokument betrachtet.
Es gibt einige XHTML / HTML-Attribute, die Standard sind und allen XHTML / HTML-Tags zugeordnet sind. Diese Attribute sind hier mit einer kurzen Beschreibung aufgeführt -
Kernattribute
Nicht gültig in Basis-, Kopf-, HTML-, Meta-, Parameter-, Skript-, Stil- und Titelelementen.
| Attribut | Wert | Beschreibung |
|---|---|---|
| Klasse | class_rule oder style_rule | Die Klasse des Elements. |
| Ich würde | id_name | Eine eindeutige ID für das Element. |
| Stil | style_definition | Eine Inline-Stildefinition. |
| Titel | tooltip_text | Ein Text, der in einer Mausspitze angezeigt werden soll. |
Sprachattribute
Das langDas Attribut gibt die Sprache an, die für den beigefügten Inhalt verwendet wird. Die Sprache wird anhand der Abkürzungen für die ISO-Standardsprache identifiziert, zfr für Französisch, enfür Englisch und so weiter. Weitere Codes und ihre Formate finden Sie unter www.ietf.org .
Nicht gültig in Basis-, br-, Frame-, Frameset-, hr-, iframe-, param- und Skriptelementen.
| Attribut | Wert | Beschreibung |
|---|---|---|
| dir | ltr | rtl | Legt die Textrichtung fest. |
| lang | Sprachcode | Legt den Sprachcode fest. |
Microsoft Proprietary Attributes
Microsoft hat mit dem Internet Explorer 4 und höheren Versionen eine Reihe neuer proprietärer Attribute eingeführt.
| Attribut | Wert | Beschreibung |
|---|---|---|
| Zugangsschlüssel | Charakter | Legt eine Tastenkombination für den Zugriff auf ein Element fest. |
| Sprache | Zeichenfolge | Dieses Attribut gibt die Skriptsprache an, die mit einem zugeordneten Skript verwendet werden soll, das an das Element gebunden ist, normalerweise über ein Ereignishandlerattribut. Mögliche Werte können JavaScript, jScript, VBS und VBScript sein. |
| Tabindex | Nummer | Legt die Tabulatorreihenfolge eines Elements fest. |
| zufriedenstellbar | Boolescher Wert | Ermöglicht Benutzern das Bearbeiten von in Internet Explorer 5.5 oder höher gerenderten Inhalten. Mögliche Werte sind wahr oder falsch. |
| behindert | Boolescher Wert | Elemente mit deaktiviertem Attributsatz werden möglicherweise ausgeblendet angezeigt und reagieren nicht auf Benutzereingaben. Mögliche Werte sind wahr oder falsch. |
| Versteckfokus | an oder aus | Dieses proprietäre Attribut, das mit Internet Explorer 5.5 eingeführt wurde, verbirgt den Fokus auf den Inhalt eines Elements. Der Fokus muss mit dem Attribut tabindex auf das Element angewendet werden. |
| nicht auswählbar | an oder aus | Wird verwendet, um zu verhindern, dass in Internet Explorer 5.5 angezeigter Inhalt ausgewählt wird. |
Wenn Benutzer eine Website besuchen, klicken sie beispielsweise auf Text, Bilder und Hyperlinks, bewegen den Mauszeiger usw. Dies sind Beispiele dafür, was JavaScript Ereignisse nennt.
Wir können unsere Ereignishandler in JavaScript oder VBScript schreiben und diese Ereignishandler als Wert des Ereignistagattributs angeben. Das XHTML 1.0 verfügt über eine ähnliche Reihe von Ereignissen, die in der HTML 4.01-Spezifikation verfügbar sind.
Die Ereignisse <body> und <frameset>
Es gibt nur zwei Attribute, mit denen JavaScript- oder VBScript-Code ausgelöst werden kann, wenn ein Ereignis auf Dokumentebene auftritt.
| Attribut | Wert | Beschreibung |
|---|---|---|
| onload | Skript | Das Skript wird ausgeführt, wenn ein XHTML-Dokument geladen wird. |
| onunload | Skript | Das Skript wird ausgeführt, wenn ein XHTML-Dokument entladen wird. |
Note - Hier bezieht sich das Skript auf eine Funktion oder einen Code von VBScript oder JavaScript.
Die <form> Level-Ereignisse
Es gibt die folgenden sechs Attribute, mit denen JavaScript- oder VBScript-Code ausgelöst werden kann, wenn ein Ereignis auf Formularebene auftritt.
| Attribut | Wert | Beschreibung |
|---|---|---|
| bei Änderung | Skript | Das Skript wird ausgeführt, wenn sich das Element ändert. |
| onsubmit | Skript | Das Skript wird ausgeführt, wenn das Formular gesendet wird. |
| onreset | Skript | Das Skript wird ausgeführt, wenn das Formular zurückgesetzt wird. |
| onselect | Skript | Das Skript wird ausgeführt, wenn das Element ausgewählt ist. |
| onblur | Skript | Das Skript wird ausgeführt, wenn das Element den Fokus verliert. |
| im Fokus | Skript | Das Skript wird ausgeführt, wenn das Element den Fokus erhält. |
Tastaturereignisse
Die folgenden drei Ereignisse werden über die Tastatur generiert. Diese Ereignisse sind in den Elementen base, bdo, br, frame, frameet, head, html, iframe, meta, param, script, style und title nicht gültig.
| Attribut | Wert | Beschreibung |
|---|---|---|
| Onkeydown | Skript | Das Skript wird beim Tastendruck ausgeführt. |
| onkeypress | Skript | Das Skript wird beim Drücken und Loslassen der Taste ausgeführt. |
| onkeyup | Skript | Das Skript führt die Schlüsselfreigabe aus. |
Andere Ereignisse
Die folgenden sieben Ereignisse werden mit der Maus generiert, wenn sie mit einem HTML-Tag in Kontakt kommen. Diese Ereignisse sind in den Elementen base, bdo, br, frame, frameet, head, html, iframe, meta, param, script, style und title nicht gültig.
| Attribut | Wert | Beschreibung |
|---|---|---|
| onclick | Skript | Das Skript wird per Mausklick ausgeführt. |
| ondblclick | Skript | Das Skript wird per Mausklick ausgeführt. |
| onmousedown | Skript | Das Skript wird ausgeführt, wenn die Maustaste gedrückt wird. |
| onmousemove | Skript | Das Skript wird ausgeführt, wenn sich der Mauszeiger bewegt. |
| onmouseout | Skript | Das Skript wird ausgeführt, wenn sich der Mauszeiger aus einem Element bewegt. |
| onmouseover | Skript | Das Skript wird ausgeführt, wenn sich der Mauszeiger über ein Element bewegt. |
| onmouseup | Skript | Das Skript wird ausgeführt, wenn die Maustaste losgelassen wird. |
Das W3C hat dazu beigetragen, die Community für die Entwicklung von Internetinhalten von den Tagen des fehlerhaften, nicht standardmäßigen Markups in die wohlgeformte, gültige Welt von XML zu versetzen. In XHTML 1.0 wurde dieser Schritt durch das Ziel moderiert, eine einfache Migration vorhandener HTML 4-basierter (oder früherer) Inhalte auf XHTML und XML zu ermöglichen.
Das W3C hat die Unterstützung für veraltete Elemente und Attribute aus der XHTML-Familie entfernt. Diese Elemente und Attribute hatten weitgehend präsentationsorientierte Funktionen, die besser über Stylesheets oder kundenspezifisches Standardverhalten gehandhabt werden können.
Jetzt hat die HTML-Arbeitsgruppe des W3C einen anfänglichen Dokumenttyp definiert, der ausschließlich auf Modulen basiert, die XHTML 1.1 sind. Dieser Dokumenttyp ist für eine breite Sammlung von Clientgeräten portierbar und für die meisten Internetinhalte anwendbar.
Dokumentkonformität
Das XHTML 1.1 enthält eine Definition streng konformer XHTML-Dokumente, die alle folgenden Kriterien erfüllen MÜSSEN:
Das Dokument MUSS den in XHTML 1.1 Document Type Definition angegebenen Einschränkungen entsprechen.
Das Stammelement des Dokuments MUSS <html> sein.
Das Stammelement des Dokuments MUSS den XHTML-Namespace mithilfe des xmlns- Attributs festlegen .
Das Stammelement KANN auch ein Schema-Speicherortattribut enthalten, wie im XML-Schema definiert.
Vor dem Stammelement MUSS im Dokument eine DOCTYPE-Deklaration vorhanden sein. Wenn es vorhanden ist, MUSS die in der DOCTYPE-Deklaration enthaltene öffentliche Kennung auf die in XHTML 1.1 Document Type Definition gefundene DTD verweisen.
Hier ist ein Beispiel für ein XHTML 1.1-Dokument:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd" xml:lang="en">
<head>
<title>This is the document title</title>
</head>
<body>
<p>Moved to <a href="http://example.org/">example.org</a>.</p>
</body>
</html>Note- In diesem Beispiel ist die XML-Deklaration enthalten. Eine XML-Deklaration wie die oben genannte ist nicht in allen XML-Dokumenten erforderlich. Autoren von XHTML-Dokumenten wird dringend empfohlen, in allen Dokumenten XML-Deklarationen zu verwenden. Eine solche Deklaration ist erforderlich, wenn die Zeichencodierung des Dokuments nicht der Standard-UTF-8 oder UTF-16 entspricht.
XHTML 1.1-Module
Der Dokumenttyp XHTML 1.1 besteht aus den folgenden XHTML-Modulen.
Structure Module- Das Strukturmodul definiert die wichtigsten Strukturelemente für XHTML. Diese Elemente dienen effektiv als Grundlage für das Inhaltsmodell vieler Dokumenttypen der XHTML-Familie. Die in diesem Modul enthaltenen Elemente und Attribute sind - body, head, html und title.
Text Module - Dieses Modul definiert alle grundlegenden Textcontainerelemente, Attribute und deren Inhaltsmodell - Abkürzung, Akronym, Adresse, Blockzitat, br, Zitat, Code, dfn, div, em, h1, h2, h3, h4, h5, h6 , kbd, p, pre, q, samp, span, strong und var.
Hypertext Module- Das Hypertext-Modul enthält das Element, mit dem Hypertext-Links zu anderen Ressourcen definiert werden. Dieses Modul unterstützt Element a.
List Module- Wie der Name schon sagt, bietet das Listenmodul listenorientierte Elemente. Insbesondere unterstützt das Listenmodul die folgenden Elemente und Attribute: dl, dt, dd, ol, ul und li.
Object Module- Das Objektmodul enthält Elemente für die allgemeine Objektaufnahme. Insbesondere unterstützt das Objektmodul - Objekt und Parameter.
Presentation Module - Dieses Modul definiert Elemente, Attribute und ein minimales Inhaltsmodell für einfache präsentationsbezogene Markups - b, big, hr, i, small, sub, sup und tt.
Edit Module - Dieses Modul definiert Elemente und Attribute zur Verwendung in bearbeitungsbezogenen Markups - del und Ins.
Bidirectional Text Module - Das bidirektionale Textmodul definiert ein Element, mit dem die bidirektionalen Regeln für den Inhalt des Elements deklariert werden können - bdo.
Forms Module- Es bietet alle Formularfunktionen in HTML 4.0. Insbesondere unterstützt es - Schaltfläche, Feldsatz, Formular, Eingabe, Beschriftung, Legende, Auswahl, Optgruppe, Option und Textbereich.
Table Module - Es unterstützt die folgenden Elemente, Attribute und Inhaltsmodelle: Beschriftung, Spalte, Spaltengruppe, Tabelle, tbody, td, tfoot, th, thead und tr.
Image Module- Es bietet eine grundlegende Bildeinbettung und kann in einigen Implementierungen von clientseitigen Imagemaps unabhängig verwendet werden. Es unterstützt das Element - img.
Client-side Image Map Module - Es enthält Elemente für clientseitige Imagemaps - Bereich und Karte.
Server-side Image Map Module- Es bietet Unterstützung für die Bildauswahl und die Übertragung von Auswahlkoordinaten. Das serverseitige Image Map-Modul unterstützt - attribute ismap on img.
Intrinsic Events Module - Es unterstützt alle in XHTML-Ereignissen beschriebenen Ereignisse.
Meta information Module- Das Meta-Informationsmodul definiert ein Element, das Informationen im deklarativen Teil eines Dokuments beschreibt. Es enthält Element-Meta.
Scripting Module- Es definiert die Elemente, die verwendet werden, um Informationen zu ausführbaren Skripten oder zur mangelnden Unterstützung für ausführbare Skripte zu enthalten. In diesem Modul enthaltene Elemente und Attribute sind - Noscript und Script.
Style Sheet Module- Es definiert ein Element, das beim Deklarieren interner Stylesheets verwendet werden soll. Das von diesem Modul definierte Element und Attribut ist - style.
Style Attribute Module (Deprecated) - Es definiert das Stilattribut.
Link Module- Es definiert ein Element, mit dem Links zu externen Ressourcen definiert werden können. Es unterstützt Link- Elemente.
Base Module- Es definiert ein Element, mit dem ein Basis-URI definiert werden kann, anhand dessen relative URIs im Dokument aufgelöst werden. Das in diesem Modul enthaltene Element und Attribut ist - base .
Ruby Annotation Module - XHTML verwendet auch das in RUBY definierte Ruby Annotation-Modul und unterstützt - ruby, rbc, rtc, rb, rt und rp.
Änderungen gegenüber XHTML 1.0 Strict
In diesem Abschnitt werden die Unterschiede zwischen XHTML 1.1 und XHTML 1.0 Strict beschrieben. XHTML 1.1 stellt eine Abweichung von HTML 4 und XHTML 1.0 dar.
Am wichtigsten ist das Entfernen veralteter Features.
Die Änderungen können wie folgt zusammengefasst werden:
Bei jedem Element wurde das lang-Attribut zugunsten des xml: lang- Attributs entfernt.
Bei den Elementen <a> und <map> wurde das Attribut name zugunsten des Attributs id entfernt.
Die Rubin- Sammlung von Elementen wurde hinzugefügt.
In diesem Kapitel werden verschiedene Tipps und Tricks aufgeführt, die Sie beim Schreiben eines XHTML-Dokuments beachten sollten. Mit diesen Tipps und Tricks können Sie effektive Dokumente erstellen.
Tipps zum Entwerfen eines XHTML-Dokuments
Hier sind einige grundlegende Richtlinien zum Entwerfen von XHTML-Dokumenten:
Design für die Bedienung und Einbindung Ihres Publikums
Wenn Sie daran denken, die Wünsche Ihres Publikums zu erfüllen, müssen Sie effektive und einprägsame Dokumente entwerfen, um den Zweck zu erfüllen. Ihr Dokument sollte leicht zu finden sein, um die erforderlichen Informationen zu finden und eine vertraute Umgebung zu schaffen.
Zum Beispiel sind Akademiker oder Ärzte mit journalähnlichen Dokumenten mit langen Sätzen, komplexen Diagrammen, spezifischen Terminologien usw. vertraut, während das Dokument, auf das Schulkinder zugreifen, einfach und informativ sein muss.
Verwenden Sie Ihr Dokument erneut
Verwenden Sie Ihre zuvor erstellten erfolgreichen Dokumente erneut, anstatt jedes Mal von vorne zu beginnen, wenn Sie ein neues Projekt einpacken.
Im XHTML-Dokument
Hier einige Tipps zu Elementen im XHTML-Dokument:
Die XML-Deklaration
Eine XML-Deklaration ist nicht in allen XHTML-Dokumenten erforderlich. Autoren von XHTML-Dokumenten wird jedoch dringend empfohlen, XML-Deklarationen in allen ihren Dokumenten zu verwenden. Eine solche Deklaration ist erforderlich, wenn die Zeichencodierung des Dokuments nicht der Standard-UTF-8 oder UTF-16 entspricht.
Leere Elemente
Sie enthalten ein Leerzeichen vor dem nachgestellten / und> von leeren Elementen. Zum Beispiel <br />, <hr /> und <img src = "/ html / xhtml.gif" alt = "xhtml" />.
Eingebettete Stylesheets und Skripte
Verwenden Sie externe Stylesheets, wenn Ihr Stylesheet "<", "&", "]]>" oder "-" verwendet.
Verwenden Sie externe Skripte, wenn Ihr Skript "<", "&" oder "]]>" oder "-" verwendet.
Zeilenumbrüche innerhalb von Attributwerten
Vermeiden Sie Zeilenumbrüche und mehrere Leerzeichen innerhalb von Attributwerten. Diese werden von verschiedenen Browsern inkonsistent behandelt.
Isindex- Element
Fügen Sie nicht mehr als ein isindex- Element in den Dokumentkopf ein. Das isindex- Element ist zugunsten des Eingabeelements veraltet.
Die Attribute lang und xml: lang
Verwenden Sie die Attribute lang und xml: lang , während Sie die Sprache eines Elements angeben. Der Wert des Attributs xml: lang hat Vorrang.
Elementkennungen
XHTML 1.0 hat die Namensattribute der Elemente a, applet, form, frame, iframe, img und map veraltet . Sie werden in nachfolgenden Versionen aus XHTML entfernt. Beginnen Sie daher mit der Verwendung des ID- Elements zur Elementidentifizierung.
Verwenden von kaufmännischem Und in Attributwerten
Das kaufmännische Und-Zeichen ("&") sollte als Entitätsreferenz & dargestellt werden.
Beispiel
<!-- This is invalid in XHTML -->
http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=user.
<!-- Correct XHTML way of writing this is as follows -->
http://my.site.dom/cgi-bin/myscript.pl?class=guest&name=userLeerzeichen in HTML und XML
Einige Zeichen, die in HTML-Dokumenten zulässig sind, sind in XML-Dokumenten unzulässig. In HTML wird das Formular-Feed-Zeichen (U + 000C) beispielsweise als Leerzeichen behandelt. In XHTML ist es aufgrund der XML-Definition von Zeichen unzulässig.
Benannte Zeichenreferenz & Apos;
Die benannte Zeichenreferenz '(Apostroph, U + 0027) wurde in XML 1.0 eingeführt, erscheint jedoch nicht in HTML. Webentwickler sollten daher & # 39; anstatt wie erwartet in HTML 4-Webbrowsern zu arbeiten.
Jedes XHTML-Dokument wird anhand einer Dokumenttypdefinition validiert. Vor dem ordnungsgemäßen Überprüfen einer XHTML-Datei muss eine korrekte DTD als erste oder zweite Zeile der Datei hinzugefügt werden.
Sobald Sie bereit sind, Ihr XHTML-Dokument zu validieren, können Sie Ihr Dokument mit W3C Validator validieren. Dieses Tool ist sehr praktisch und hilft Ihnen, die Probleme mit Ihrem Dokument zu beheben. Für dieses Tool ist kein Fachwissen erforderlich, um die Validierung durchzuführen.
Die folgende Anweisung im Textfeld zeigt Ihnen Details. Sie müssen die vollständige URL der Seite angeben, die Sie überprüfen möchten, und dann auf klickenValidate Page Taste.
Geben Sie Ihre Seitenadresse in das Feld unten ein -
Dieser Validator überprüft die Markup-Gültigkeit von Webdokumenten mit verschiedenen Formaten, insbesondere in HTML, XHTML, SMIL, MathML usw.
Es gibt andere Tools, um andere Validierungen durchzuführen.
RSS/Atom feeds Validator
CSS stylesheets Validator
Find Broken Links
Other validators and tools
Wir gehen davon aus, dass Sie alle Konzepte im Zusammenhang mit XHTML verstanden haben. Daher sollten Sie in der Lage sein, Ihr HTML-Dokument in ein wohlgeformtes XHTML-Dokument zu schreiben und eine sauberere Version Ihrer Website zu erhalten.
Konvertieren von HTML in XHTML
Sie können Ihre vorhandene HTML-Website in eine XHTML-Website konvertieren.
Lassen Sie uns einige wichtige Schritte durchgehen. Um Ihr vorhandenes Dokument zu konvertieren, müssen Sie zunächst entscheiden, welche DTD Sie einhalten möchten, und die Dokumenttypdefinition oben im Dokument einfügen.
Stellen Sie sicher, dass Sie alle anderen erforderlichen Elemente haben. Dazu gehören ein Stammelement <html>, das einen XML-Namespace angibt, ein <head> -Element, ein im <head> -Element enthaltenes <title> -Element und ein <body> -Element.
Konvertieren Sie alle Elementschlüsselwörter und Attributnamen in Kleinbuchstaben.
Stellen Sie sicher, dass alle Attribute im Format name = "value" vorliegen.
Stellen Sie sicher, dass alle Containerelemente schließende Tags haben.
Platzieren Sie einen Schrägstrich in allen eigenständigen Elementen. Schreiben Sie beispielsweise alle <br> Elemente als <br /> um.
Legen Sie clientseitigen Skriptcode und Stylesheet-Code als CDATA-Abschnitte fest.
XHTML Kommende Versionen
XHTML wird noch verbessert und die nächste Version XHTML 1.1 wurde entworfen. Wir haben dies im Kapitel XHTML Version 1.1 ausführlich besprochen.
XHTML-Tags, Zeichen und Entitäten
XHTML-Tags, -Zeichen und -Entitäten sind mit HTML identisch. Wenn Sie also bereits mit HTML vertraut sind, müssen Sie keine zusätzlichen Anstrengungen unternehmen, um diese Themen zu erlernen, insbesondere für XHTML. Wir haben alle HTML-Inhalte zusammen mit dem XHTML-Tutorial aufgelistet, da sie auch für XHTML gelten.
Was kommt als nächstes?
Wir haben verschiedene Ressourcen für XHTML und HTML aufgelistet. Wenn Sie also interessiert sind und Zeit zur Verfügung haben, empfehlen wir Ihnen, diese Ressourcen durchzugehen, um Ihr Verständnis für XHTML zu verbessern. Andernfalls muss dieses Tutorial Ihnen genügend Kenntnisse vermittelt haben, um Ihre Webseiten mit XHTML zu schreiben.
Ihr Feedback zu diesem Tutorial ist unter [email protected] willkommen.