Ideal Nutzer-Feedback für HTML-Eingabe

Question

Seien wir ehrlich: das Schreiben richtig, standardkonformes HTML ziemlich schwierig ist, zu tun. semantisches HTML zu schreiben ist noch mehr, aber ich glaube nicht, es ist möglich, dass ein Computer, um das herauszufinden.

meine Frage an Sie ist also was wäre die „ideale“ Feedback für einen Benutzer, der eingegeben HTML sein? Wäre es eine W3C-Validator Stil Liste der Fehler und die entsprechenden Zeilennummern und Spalten sein? Wäre es eine kommentierte Code-Anzeige von markierten Zeilen, Erklärungen zu den Fehlermeldungen und möglicher Lösungen sein? Eine Rechtschreibprüfung Stil Modus, in dem Sie separat jeden Fehler umgehen? Wäre es nicht sie jeden Fehler Informationen überhaupt geben? Auch welche Arten von Fehlern sind eine gute Idee Benutzer zu sagen? (Einige große Klassen von Fehlern gehören Parsing-Fehler, nisten Fehler (das heißt ein div in einer b-Tag setzen) und Wohlgeformtheits- Fehler.)

• scottm: Guter Punkt; Ich habe es nie gemocht, die W3C Art und Weise alle entweder die Fehler auflistet. Allerdings gibt es nach wie vor die Frage, dann lassen den Benutzer bearbeiten die säumige HTML angemessen.
• OneByOne: Ok, so bei einigen Screenshots suchen es sieht aus wie HTML Validator eine W3C Fehlerliste hat, aber mit der Fähigkeit, um direkt auf das jeweilige Ausgangssegment und erweiterte Fehlerinformationen, sowie die Tatsache, dass Sie sich von einem nicht gehen scrolly zu springen Abschnitt zum anderen. Sieht ziemlich gut, aber ist es verwendbar durch den durchschnittlichen Joe?

Bearbeiten 1: Als Klarstellung, dies im Hinblick auf die Schnittstelle ist, die nicht unbedingt die zugrunde liegende Implementierung. Allerdings Schnittstelle mit einfachem HTML machbar sein muss und JavaScript (Doppel Usability Punkten, wenn es HTML gerade braucht, aber ich denke, du wirst in diesem Fall mit W3C stecken zu bleiben).

Answer 1

Die Ausgabe von dem Firefox "HTML-Validator" Add-on ist ziemlich gut. Es zeigt Ihnen die Quelle in einem großen Fenster, und eine Liste der Fehler in einem kleinen Fenster (Kleinheit keine Rolle spielt, da Sie in der Regel nur über die ersten kümmern, da Sie für insgesamt kein Ziel). Klicken Sie auf einen Fehler zu markieren, und eine erweiterte Erklärung wird in einem zweiten kleinen Fenstern, während der betreffende Teil des Codes angezeigt wird in dem großen Fenster hervorgehoben.

Die Add-on nicht mit einem Texteditor enthalten, obwohl, so dass es nicht eine vollständige Lösung für Ihr Problem. Es verwendet sowohl einen SGML-basierten Validator und HTML Tidy, obwohl, und ich denke, für lokale Dateien Sie es bekommen können, um die Korrekturen von Tidy vorgeschlagen werden.

Answer 2

Ich denke immer, Syntax-Hervorhebung ist groß. In HTML wäre dies auch sehr nützlich sein, da Tags kann leicht durch die Entwickler unterschieden werden, wenn er / sie sie appropraitely gefärbt sehen kann.

Ich persönlich mag nicht das W3C, wie Sie eine große langweilige Liste der Probleme zu geben. Visuelle Hilfsmittel in dem Code selbst sind viel besser.