Идеальная обратная связь с пользователем для ввода HTML
Посмотрим правде в глаза: написать правильный, соответствующий стандартам HTML довольно сложно. Написание семантического HTML еще более важно, но я не думаю, что компьютер может это понять.
Итак, мой вопрос к вам: какой будет "идеальная" обратная связь для пользователя, который ввел HTML? Будет ли это список ошибок в стиле валидатора W3C и соответствующие номера строк и столбцов? Будет ли это аннотированный код, отображающий выделенные строки, объяснения ошибок и возможные исправления? Режим проверки орфографии, в котором вы обрабатываете каждую ошибку отдельно? Будет ли нет вообще давать им информацию об ошибках? Кроме того, о каких типах ошибок следует сообщать пользователям? (Некоторые широкие классы ошибок включают ошибки синтаксического анализа, ошибки вложенности (т. Е. Размещение div в теге b) и ошибки правильного формирования.)
- Скоттм: Хороший момент; Мне тоже никогда не нравился способ W3C перечислять все ошибки. Тем не менее, все еще остается вопрос, разрешить ли пользователю надлежащим образом отредактировать неправильный HTML-код.
- по одному: Хорошо, так что глядя на скриншоты похоже, что HTML Validator имеет список ошибок W3C, но в сочетании с возможностью перехода прямо к соответствующему исходному сегменту и расширенной информации об ошибках, а также тем фактом, что вам не нужно прокручивать, чтобы перейти из одного раздела в другой. Выглядит неплохо, но может ли его использовать средний Джо?
Изменить 1: В качестве пояснения, это касается интерфейса, не обязательно базовой реализации. Тем не менее, интерфейс должен быть реализован с использованием простого HTML и JavaScript (двойные очки удобства использования, если ему нужен только HTML, но я думаю, что в этом случае вы застрянете с W3C).
Ответы 2
Я всегда думаю, что подсветка синтаксиса - это здорово. В HTML это тоже было бы очень полезно, так как теги могут быть легко различимы разработчиком, когда он / она видит их соответствующим образом раскрашенными.
Лично мне не нравится, как W3C дает вам большой скучный список проблем. Наглядные подсказки в самом коде намного лучше.
Надстройка "HTML-валидатор" Firefox выводит довольно хорошо. Он показывает вам источник в большом окне и список ошибок в маленьком окне (малость не имеет значения, поскольку вы обычно заботитесь только о первом, так как вы не стремитесь ни к чему). Щелкните ошибку, чтобы выделить ее, и во втором небольшом окне отобразится развернутое объяснение, а в большом окне будет выделена проблемная часть кода.
Однако надстройка не включает текстовый редактор, поэтому это не полное решение вашей проблемы. Тем не менее, он использует как валидатор на основе SGML, так и HTML Tidy, и я думаю, что для локальных файлов вы можете получить его, чтобы внести исправления, предложенные Tidy.
Да, но, за исключением случая ошибок синтаксического анализа, подсветки синтаксиса было бы недостаточно, чтобы указать пользователю, где что-то пошло не так.