Wie auf XHTML upgraden?

Wie kann meine Website auf XHTML aktualisiert werden?

Um eine Website von HTML in XHTML umzuwandeln, sollten Sie sich zunächst mit den in den ersten Kapiteln erläuterten XHTML-Syntaxregeln vertraut machen.

Nachfolgend werden die spezifischen Schritte erläutert.

Fügen Sie die Dateitypenkennung hinzu

Fügen Sie die folgende Dateitypenkennung in die erste Zeile jeder Seite ein:

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

Hinweis:Diese Website (codew3c) verwendet eine strenge DTD. Der Einsatz einer transitionalen DTD ist ebenfalls eine gute Wahl, da eine strenge DTD für die meisten Einsteiger möglicherweise zu streng ist.

Ein paar Tipps zur Dateityp-Aussage

Wenn Sie möchten, dass die Seite als korrektes XHTML überprüft wird, muss die Seite eine Dateityp-Aussage enthalten.

Es ist zu beachten, dass neue Browser je nach Dateityp-Aussage unterschiedlich mit Dokumenten umgehen. Wenn ein Browser eine Dateityp-Aussage liest, behandelt er das Dokument entsprechend. Ohne DOCTYPE könnte das Dokument sich auf eine völlig andere Weise darstellen.

Kleinbuchstaben für Tags und Attributnamen

Da XHTML groß- und kleinschreibunsabhängig ist und XHTML nur Kleinbuchstaben für HTML-Tags und Attributnamen akzeptiert, können Sie einen einfachen Suchen-und-Ersetz-Befehl ausführen, um alle großen Tags in Kleinbuchstaben zu ändern. Machen Sie auch dasselbe mit den Attributnamen. Wir verwenden auf unserer Website immer Kleinbuchstaben, daher hat die Ersetzungsfunktion nicht sehr viel Anwendung.

Fügen Sie alle Attribute mit Anführungszeichen hinzu

Da alle Attributwerte im W3C XHTML 1.0-Standard zwingend mit Anführungszeichen versehen werden müssen, müssen Sie die Website überprüfen, wenn Sie diese Details vorher nicht bemerkt haben. Dies ist eine zeitaufwendige Aufgabe, also vergessen Sie niemals, Anführungszeichen für Attributwerte hinzuzufügen.

Leere Tags: <hr> , <br> und <img>

In XHTML ist die Verwendung von leeren Tags (Empty tags) nicht erlaubt. Die <hr> und <br>-Tags sollten durch <hr /> und <br /> ersetzt werden.

Dies führt zu einem neuen Problem, bei dem Netscape den <br/>-Tag falsch liest. Wir sind uns nicht sicher, warum, aber wenn es in <br /> geändert wird, gibt es keine Probleme mehr. Nachdem Sie dies erkannt haben, müssen Sie die Tags erneut durch Suchen und Ersetzen ändern.

Andere Tags (wie z.B. <img>-Tags) haben ebenfalls das gleiche Problem. Verwenden Sie keine schließenden Tags, um <img> zu schließen, sondern fügen Sie am Ende des Tags / > hinzu.

Website überprüfen

Nachdem alles erledigt ist, verwenden Sie den folgenden Link, um alle geänderten Seiten gemäß der offiziellen W3C DTD zu überprüfen: XHTML ValidatorDann könnten möglicherweise noch einige Fehler entdeckt werden, die nacheinander (manuell) korrigiert werden müssen. Unserer Erfahrung nach ist der häufigste Fehler, dass das </li>-Tag in der Liste fehlt.

Sollten wir Umwandlungstools verwenden (z.B. TIDY)? Ja, wir könnten TIDY verwenden.

Dave Raggetts HTML TIDYEs ist ein kostenloser Tool, um HTML-Code zu bereinigen. In Bezug auf die schwer lesbaren HTML-Code, die von spezialisierten HTML-Code-Editoren und -Konvertierungstools generiert werden, macht TIDY immer noch eine hervorragende Arbeit. Gleichzeitig kann es Ihnen helfen, herauszufinden, wo auf der Website mehr Aufmerksamkeit investiert werden muss, um die Zugänglichkeit der Websites für Menschen mit Behinderungen zu verbessern.

Warum haben wir Tidy nicht verwendet? Als wir mit der Erstellung dieser Website begannen, waren wir mit XHTML sehr vertraut. Damals wussten wir bereits, dass wir Kleinbuchstaben für Tags verwenden und Anführungszeichen für Attribute hinzufügen sollten. Während des Website-Tests haben wir daher einfach die XHTML-Validierung durch W3C durchgeführt und einige Fehler behoben. Wichtiger ist, dass wir viele Kenntnisse über die Schreibweise von Tidy-HTML-Code gewonnen haben.

Außerhalb der Schule lesen

Wenn Sie ein tieferes Verständnis für die Nutzung von XHTML zur Strukturierung von Seiten gewinnen möchten, lesen Sie bitte:Strukturierung von XHTML》。