Anatomie einer XHTML-DokumentDer Übergang von HTML XHTML wird mit einer ganzen Reihe von Unebenheiten. Während späteren Kapiteln Instrumente einzuführen, um Ihnen die letzten Unebenheiten bekommen - und herauszufinden, woher sie kommen - dieses Kapitels untersucht, was wird sich ändern und zeigt ein paar Strategien für den Umgang mit diesen Veränderungen. Auf dem Weg besuchen wir die Geister der Vergangenheit und entdecken Sie Browsern Probleme, die in aktuellen Browsern vorhanden sind. Im Gegenzug Sie entdecken, wie vorbereitet und unvorbereitet diverse Tools für XHTML. HinweisEinige der Lösungen in diesem Kapitel fallenden Instrumente sehr viel ausführlicher in den folgenden Kapiteln beschrieben - vor allem die XHTML-DTDs und Cascading Style Sheets. Wenn Sie Fragen die Sie nicht verstehen begegnen, halten sie in Geist und Studium der Kapitel beschreibt diese Fragen genauer wenn man zu ihnen. Die Schritte in diesem Kapitel behandelt werden immer wichtiger für die Gründung der Kontext, in dem Sie bestimmte Technologien als für erklären diesen Technologien verfügen. Eine erste HTML-DokumentDas folgende Dokument, das ich als einen Testfall, ist keine gewöhnliche HTML-Dokument. Es wurde entwickelt, um einige der schweren Fallstricke, auf die die Umstellung auf XHTML beinhalten enthalten. Es ist mehr oder weniger ein "Worst-Case-Szenario, auch wenn der Inhalt nicht ungewöhnlich sind. (Es ist ein wenig mehr Sinn als sonst, aber ansonsten ziemlich gewöhnlich.) Diese einzigen Dokument erzeugt fünf Derivate, die verschiedene Wege zur XHTML-Konformität. Das folgende Dokument ist recht klein, aber es enthält eine Menge von Problemen in einem kleinen Raum:
Copyright 2000 von der Wacki HTML Writer
Zwei RemediesWährend der ersten HTML ist nicht in unglaublich schlechten Zustand, verwendet er die FONT-Element - ein Element, das die veraltet W3C versucht, auszumerzen und zu ersetzen durch Cascading Style Sheets (CSS). Web-Designer gibt es zwei Möglichkeiten für den Umgang mit dieser Verschiebung. Der erste Ansatz verwendet XHTML 1.0 's Übergangszeit DTD, um diese Komplikation ganz zu vermeiden, während der zweite in Angriff nimmt und macht einige weitere strukturelle Änderungen, um das Dokument in der strikten DTD passen. Während die erste Lösung ist einfacher in der kurzen Frist, kann das bedeuten mehr Arbeit später. Der zweite Ansatz ist eher ein "Up-front Kosten - und kann bedeuten, dass Sie viel Zeit verbringen über arbeitenden komplexen Dokumenten - aber es sollte beweisen, stabiler und besser handhabbar auf lange Sicht. Es gibt auch eine Reihe von Fällen, in denen XHTML bietet mehrere Ansätze zur Lösung desselben Problems. Wir nutzen die Tatsache, dass schaffen wir zwei verschiedene Versionen von XHTML-Dokument sind. Die beiden Versionen werden zwei Strategien Test für die Führung der <Zeichen in das Skript aus verursacht Probleme in Browsern und XML-Parser. (Weder funktioniert besonders gut in HTML-Browsern, wie sich herausstellt.) Wir stellen auch jede Strategie durch zwei verschiedene Phasen der Entwicklung. Die erste Phase hält alle Ressourcen, die von einem Dokument (zB Skripte und Stylesheets) innerhalb des Dokuments, während die zweite Phase bewegt sich diese Ressourcen in separaten Dateien verwendet werden. Abhilfe 1: Die Übergangs-DTD und CDATA-AbschnitteDurch die Verwendung der Übergangszeit DTD können Sie die Formatierung im Dokument verwendeten erhalten - vor allem die großen, blauen Schlagzeile - ohne Veränderung der über-all die Struktur eines Dokuments in nennenswerter Weise. Während in diesem Dokument ist einfach genug, dass die Änderungen sind nicht so schwierig (wie in der zweiten Ansatz gezeigt), komplexer Dokumente benötigen ein enormer Aufwand an Zeit, um sie den strengen DTD zu konvertieren. Vorspeisen, müssen Sie die DOCTYPE-Deklaration hinzufügen an den Anfang des Dokuments. (Sie die XML-Deklaration hinzufügen können, aber lassen, dass der zweite Ansatz. Während der Übergangszeit DTD, bedeutet, dass: Diese werden in dem Papier als mit dem XHTML 1.0 Transitional DTD des W3C, so dass die Validierung von XML-Parser, um das Dokument mit den förmlichen Erklärungen enthält überprüfen. Die Eröffnung HTML-Tag muss einige Veränderungen. Zunächst müssen Sie ändern Sie es in Kleinbuchstaben, zweitens, müssen Sie ein Attribut zur Erklärung der XHTML-Namensraum für alle Inhalte umfassen (wie in Artikel 4 beschrieben). Die neue Version sieht wie folgt aus: Sie müssen die Tags für den Kopf und TITEL Elemente ändern in Kleinbuchstaben, als auch die Änderung der Titel des Dokuments neue Identität zu reflektieren:
Die SCRIPT-Element stellt ein größeres Problem. Es enthält den verbotenen Zeichen <, die maskiert werden muss, um bereits ein XML-Parser zu erhalten. Aus diesem übergeben, verwenden Sie einen CDATA-Abschnitt zu markieren Sie den Inhalt des (jetzt in Kleinbuchstaben) script-Element. Dies ermöglicht die Zeichen <,>, und überall zu und innerhalb eines Skripts angezeigt. (Wenn die Reihenfolge]]> angezeigt wird, müssen Sie sie brechen mit einem Leerraum wie]]>.) Das script-Element muss auch eine Art Attribut hinzugefügt haben. Das W3C unterstützt das Attribut language, betont aber, an einem Typ-Attribut mit dem MIME-Typ ermitteln die Scripting-Sprache. Das Skript-Element wird innerhalb des head-Element, so dass der CDATA-Abschnitt sollte keine Probleme mit Display - obwohl es machen kann Browser Scripting Engines Fehlfunktion. TippEin weiterer Trick, die Ihnen helfen, Probleme zu vermeiden mit <in Skripten können, ist eine Neufassung der Ausdrücke wie i <10-10> i. XML-Parser Warnhinweise können, wenn sie auf das Symbol> zu erhöhen, stellt jedoch. Der Körper des Dokuments kompliziertere Probleme. Da Sie die Übergangszeit DTD verwenden, können Sie das Attribut bgcolor halten (put in Kleinbuchstaben, natürlich) im Body-Element. Allerdings müssen Sie Anführungszeichen hinzufügen: Die Überschrift ist die nächste Herausforderung. Die Übergangsbestimmungen DTD unterstützt die Schriftart und die b-Elemente, aber Sie brauchen, um sie so anzuordnen, dass sie sauber Nest. Sie müssen auch diese Elemente in einem higherlevel Element zu speichern. Die p-Element dient schön, Sie können aber auch das div-Element zu verwenden. Wir werden auch die Größe Attributwert bis 6, da diese soll als ein Bereich von 1 bis 7 zum Ausdruck gebracht werden, nicht als eine Punktgröße, sind:
Erneut Sie den Titel ändern, so dass sie genauer beschreibt den Inhalt der Seite. Das nächste Element wird der erste Absatz enthält einen Anker mit einem Attribut NAME. Kleinbuchstaben und diese dann ergänzt sie mit einem id-Attribut. Das p-Element benötigt auch ein End-Tag am Ende des Absatzes.
(Ja, änderte den Text noch einmal.) Der nächste Abschnitt muss nur Sie seine P-Element in ein kleines p zu machen und ihm ein End-Tag:
Sie müssen die folgenden Elemente in Kleinbuchstaben setzen, ihnen End-Tags, und legen Sie sie in eine Art Liste Element - ul. für ungeordnete Liste, scheint am besten geeignet. Die br-Element nach dem ersten Listenelement ist unnötig, so dass Sie es entfernen können.
Die Verwendung von Javascript in href-Attribute wird nicht empfohlen, aber Sie können es jetzt zu verlassen, da sie nicht ausdrücklich verboten (auch wenn Sie es ändern in der zweiten Ansatz). Die nächste Zeile enthält auch eine URL, diesmal mit Ampersand. Der Cleanup-Prozess muss sie mit & ersetzen. Der letzte Listen-Element ist meist gut, obwohl es ein End-Tag benötigt. Sie müssen die ul-Element als auch in der Nähe: Am Ende haben Sie einen Absatz mit einem Zeilenumbruch. Sie müssen eine schließende Tag für den p-Element hinzufügen und das br-Element machen, in ein leeres Tag nicht nur ein Start-Tag:
Schließlich müssen Sie die Schließung des BODY-Tags und HTML-Elemente in Kleinbuchstaben zu konvertieren, die Start-Tags übereinstimmen: Damit ist die bereinigte Version:
Copyright 2000 von der Wacki HTML Writer Um zu testen, schicken Sie es an die W3C HTML Validation Service http://validator.w3.org/. Beispiel ein wenig weiter, indem Sie das Skript aus dem Dokument und speichert diese in einer externen Datei. Damit können Sie loszuwerden der CDATA-Abschnitt, da Skript-Dateien müssen nicht XML sein. Die neue script-Element verweist auf die Code-Datei mit dem src-Attribut, und es sieht so aus: Während es akzeptabel ist XML-Praxis ein leeres Tag anstelle des öffnenden und schließenden Tags, die meisten Browser nicht erkennen, dass Konzept und versuchen, die übrigen Teile des Dokumentes als Skript zu behandeln. Das Skript geht in eine separate Datei mit dem Namen mycode.js: Funktion presentCount () (counter = ""; for (i = 0; i <10; i + +) (counter = counter + "" + i;) alert (counter);) Das Dokument als Ganzes lautet nun:
Copyright 2000 von der Wacki HTML Writer Abhilfe 2: The Strict DTD-und Entity-ErsetzungWährend die Dateien mit Hilfe des ersten Ansatzes sind gültiges XHTML, ein wenig mehr Arbeit können Dokumente produzieren, die leichter zu handhaben sind auf lange Sicht. Dies erfordert es, eine paar weitere strukturelle Änderungen, um das Dokument und fügen Sie einige Informationen Cascading Style Sheets. In Ihrem ersten Durchgang konvertieren Sie das Dokument in der HTML 4.01 strict DTD ohne sich Gedanken über XHTML. Dann wandelt es in ein XML in zwei leicht unterschiedliche Weise. Sie können auch versuchen, einen anderen Ansatz in der Skripte auf dem ersten XML-Pass - ein, die gut funktioniert über XML-Prozessoren, die aber noch immer nicht in den meisten HTML-Prozessoren. Ein Artikel eingereicht von Albert Lichtblau Disclaimer:Unsere Website ist nicht verantwortlich für den Inhalt dieses Artikels. Webarticles ist eine kostenlose Informationsquelle. Wichtig: Dieser Artikel "Anatomie einer XHTML-Dokument" übersetzt wurde durch eine automatische Software. Wir fühlen uns leid für alle Rechtschreibfehler, die möglicherweise aufgetreten sind. Vielen Dank für Ihr Verständnis.
|
|||||
| Online: 187 users browsing the articles directory |
|
|