In den guten alten Zeiten, als HTML-Standards ein bewegliches Ziel waren, spielte es keine Rolle, ob Sie das <p>-Tag korrekt beendeten oder Ihre Formatierungsregeln von Ihrem Stilcode getrennt hielten. Nicht übereinstimmende Tags, fehlende Attribute, schlecht verschachtelte Elemente – das Fehlen weit verbreiteter Standards führt zu diesen und anderen Fehlern, aber da die meisten Browser über integrierte Intelligenz zur Vermeidung dieser Fehler verfügen, sind sich die meisten Entwickler ihrer Existenz überhaupt nicht bewusst .
Obwohl der Browser selbst versucht, diese Fehler zu beheben, bedeutet das nicht, dass Sie diese Probleme ignorieren können. Damit sich Ihre Webseiten in allen Browsern konsistent verhalten, muss Ihr HTML vollständig mit den im W3C-Standard definierten Regeln und der Syntax übereinstimmen. Es gibt viele Tools, um diese Anforderung zu erfüllen, sowohl online als auch offline. In diesem Artikel wird eines davon besprochen sie: das sehr coole HTML Tidy.
HTML Tidy ist ein kostenloses HTML-Prüftool, das darauf ausgelegt ist, Ihren HTML-Code zu überprüfen und Stellen aufzuzeigen, an denen er nicht vollständig den vom W3C veröffentlichten Standards entspricht. Es kann zum Analysieren einer HTML-Datei oder einer Zeichenfolge verwendet werden, die HTML-Anweisungen enthält kann automatisch die notwendigen Änderungen vornehmen, um den Code mit den relevanten Standards in Einklang zu bringen.
Installieren
HTML Tidy ist kostenlos und kann auf Windows-, Macintosh- und *NIX-Plattformen ausgeführt werden. Wenn Sie eine *NIX-Plattform verwenden, können Sie es lieber selbst kompilieren und installieren Tun Sie Folgendes: Extrahieren Sie die Quelldateien in Ihren temporären Ordner und führen Sie einen grundlegenden Kompilierungs-/Installationsprozess wie diesen durch:
Shell> cd /tmp/tidy/build/gmake
Shell> machen
Shell> make install
Wenn dieser Vorgang abgeschlossen ist, sollten Sie eine kompilierte Binärversion von Tidy im Ordner /tmp/tidy/bin/tidy finden. Kopieren Sie diese Datei in Ihren Systemordner /usr/local/bin/, damit Sie leichter darauf zugreifen können . Jetzt können Sie dieses Tool verwenden.
Grundlegende Verwendung
Sobald die Binärversion installiert ist, können Sie sie sofort zur Überprüfung des HTML-Codes verwenden. Listing A zeigt ein einfaches Beispiel:
Liste A:
Shell> Tidy -e -q index.html
Zeile 1 Spalte 1 – Warnung: fehlende <!DOCTYPE>-Deklaration
Zeile 2, Spalte 1 – Warnung: Fehlendes „title“-Element wird eingefügt
Zeile 4, Spalte 1 – Warnung: <body> proprietäres Attribut leftmargin
Zeile 6, Spalte 1 – Warnung: <table> proprietäre Attributhöhe
Zeile 6, Spalte 1 – Warnung: <table> fehlt das Zusammenfassungsattribut
Zeile 11, Spalte 37 – Warnung: <img> fehlt das alt-Attribut
Zeile 15, Spalte 1 – Warnung: <table> fehlt das Zusammenfassungsattribut
Zeile 17, Spalte 50 – Warnung: <img> fehlt das alt-Attribut
In diesem Beispiel hat Tidy acht potenzielle Fehler in der Datei gefunden und für jeden Fehler eine Warnung ausgegeben. Beachten Sie, dass es sich bei diesen Fehlern nicht um schwerwiegende Fehler handelt, sondern lediglich um eine Warnung, dass einige Teile des Codes nicht sehr korrekt sind.
Sie können die Originaldatei automatisch korrigieren, indem Sie der Befehlszeile die Option -m (Modifikator) hinzufügen:
Shell> ordentlich -m -q index.html
Wenn Sie eine große Website testen müssen, können Sie Platzhalter in der Befehlszeile verwenden, um alle Dateien in einem Ordner zu testen (statt nur einer):
Shell> Tidy -m -q *.html
Wenn Sie möchten, dass Tidy dabei hilft, die korrigierte Webseite in eine neue Datei zu schreiben (anstatt die ursprüngliche zu überschreiben), verwenden Sie die Option -output mit einem neuen Dateinamen, wie im folgenden Beispiel:
Shell> ordentlich -output index.html.new -q index.html
Sie können alle Fehler zur späteren Überprüfung über die Option -e („error“) in eine separate Protokolldatei ausgeben:
Shell> Tidy -f error.log index.html
Beachten Sie außerdem, dass Tidy, wenn Ihr HTML-Code eingebetteten PHP-, ASP- oder JSP-Code enthält, diese einfach ignoriert und an Ort und Stelle belässt, was bedeutet, dass Sie Tidy-Tools sogar auf serverseitigen Skripten ausführen können, um den HTML-Codeteil zu überprüfen Beispiel:
Shell> Tidy -e -q Prozessor.php
Sie können das Tidy-Tool auch interaktiv ausführen, indem Sie nur die Programmdatei aufrufen, ohne Argumente anzuhängen. In diesem Beispiel wartet Tidy auf Eingaben von der Konsole und prüft, ob Fehler vorliegen:
Liste B
Schale> aufgeräumt
<html>
Zeile 1 Spalte 1 – Warnung: fehlende <!DOCTYPE>-Deklaration
<Kopf>
<title>Dies ist ein Test
</head>
Zeile 3, Spalte 1 – Warnung: </title> fehlt vor </head>
<body leftmargin=0>
<p>
Dies ist ein schlecht beendeter Absatz
</body>
</html>
Zeile 5 Spalte 1 – Warnung: <body> proprietäres Attribut leftmargin
Info: Der Inhalt des Dokuments sieht aus wie HTML Proprietary
3 Warnungen, 0 Fehler wurden gefunden!
Beachten Sie, dass Tidy Ihnen nicht nur Echtzeit-Fehlerwarnungen gibt, sondern auch die korrekte Version des Codes am Ende der Eingabe ausdrucken kann:
<html>
<Kopf>
<meta name=generator content=
HTML Tidy für Linux/x86 (Version 1. September 2005), siehe www.w3.org>
<title>Dies ist ein Test</title>
</head>
<body leftmargin=0>
<p>Dies ist ein schlecht beendeter Absatz</p>
</body>
</html>
Erweiterte Anwendungen
Sie können auch steuern, wie Tidy eine Datei ändert. Dies kann durch die Übergabe bestimmter Parameter in der Befehlszeile erreicht werden. Damit Tidy den Code erneut einrückt, können Sie die Option -i ("indent") hinzufügen.
Shell> ordentlich -output new.html -i index.html
Um <font> und andere Formatierungselemente im Zusammenhang mit CSS-Stilregeln zu ersetzen, können Sie die Option -c („clear“) verwenden:
Shell> ordentlich -output new.html -c index.html
Standardmäßig verwendet Tidy Kleinbuchstaben für alle Tags und Attribute in HTML-Dateien. Wenn Sie Großbuchstaben verwenden möchten, können Sie die Option -u („Großbuchstaben“) hinzufügen, wie im folgenden Beispiel gezeigt:
Shell> ordentlich -output new.html -c -u index.html
Um Text mit einer bestimmten Zeilenbreite umzubrechen, können Sie die Option -w („Zeilenumbruch“) mit der angegebenen Zeilenbreite hinzufügen, wie im folgenden Beispiel gezeigt:
Shell> ordentlich -output new.html -w 40 index.html
Sie können ein HTML-Dokument in ein wohlgeformtes XHTML-Dokument konvertieren, indem Sie die Option -asxhtml hinzufügen:
Shell> ordentlich -output new.html -asxhtml index.html
Der umgekehrte Vorgang ist über die Option -ashtml möglich:
Shell> ordentlich -output new.html -ashtml index.html
Wenn Sie umfangreiche Anpassungen an den Standardoptionen von Tidy vornehmen müssen, legen Sie diese Optionen am besten in einer separaten Konfigurationsdatei ab, auf die Sie bei jedem Aufruf des Programms zugreifen können. Listing C zeigt ein Beispiel einer Konfigurationsdatei:
Liste C:
bare: ja # proprietäres HTML entfernen
doctype: auto # legt den doctype fest
drop-empty-paras: ja # leere <p>-Tags automatisch löschen
fix-backslash: ja # durch / in URLs ersetzen
literal-attributes: ja # Leerzeichen in Attributwerten beibehalten
Lower-Literals: Ja # Attributwerte in Kleinbuchstaben umwandeln
Ausgabe-XHTML: Ja # Erzeugt eine gültige XHTML-Ausgabe
quote-kaufmännisches Und: ja # & durch & ersetzen
Anführungszeichen: ja # ersetzen durch
wiederholte Attribute: keep-last # verwendet das letzte der duplizierten Attribute
indent: ja # Code automatisch einrücken
indent-spaces: 2 # Anzahl der Leerzeichen, um die eingerückt werden soll
wrap-php: kein # Wrap-Text in PHP-Tags enthalten
char-encoding: ASCII # zu verwendende Zeichenkodierung
Tidy-Mark: Nein # Tidy-Metainformationen im korrigierten Code weglassen
Beim Organisieren einer Datei können Sie Tidy anweisen, diese Einstellungen zu verwenden, indem Sie der Befehlszeile die Option -config hinzufügen:
Shell> Tidy -output a.html -configconfig.tidy index.html
Mit der Option -help-config können Sie eine Liste der Konfigurationsoptionen abrufen:
Shell> Tidy -help-config...quote-ampersand Boolean j/n,
ja/nein, t/f, wahr/falsch, 1/0 Anführungszeichen Boolean j/n,
ja/nein, t/f, wahr/falsch, 1/0quote-nbsp Boolean y/n,
ja/nein, t/f, wahr/falsch, 1/0repeated-attributesenum keep-first,
keep-lastreplace-color Boolean j/n, ja/nein,
t/f, wahr/falsch, 1/0show-body-only Boolean y/n,
ja/nein, t/w, wahr/falsch, 1/0...
Oder verwenden Sie die Option -show-config, um einen Schnappschuss der aktuellen Konfigurationseinstellungen anzuzeigen:
Shell> Tidy -show-config...show-body-only
Boolean noshow-errors Ganzzahl
6show-warnings Boolescher Yesslide-Stil
Stringsplit Boolean nein...
Schließlich können Sie die Option -h verwenden, um Hilfe von der Befehlszeile zu erhalten:
Shell> ordentlich -h
Das ist alles für den Moment. Hoffentlich ist Tidy ein äußerst wertvolles Tool, das Ihnen dabei hilft, die W3C-Veröffentlichungsstandards vollständig zu erfüllen. Die Punkte in diesem Leitfaden geben Ihnen eine Vorstellung davon, wie Sie das HTML-Tidy-Tool steuern können Ihren Code und helfen Ihnen auch dabei, dieses Tool effizienter zu nutzen.