Подтвердить что ты не робот

Редакторы HTML, которые помогают находить закрытые теги

Я редактировал много HTML-страниц с помощью основного текстового редактора, блокнота. Когда я пошел проверять их, служба проверки говорит, что тег div, который не закрыт. Я имею тенденцию находить автоматические отчеты об ошибках, такие как эти, как правило, не слишком надежны, т.е. Они дадут вам номер строки и ошибку, но часто повторяют ошибку на самом деле в другой части файла целиком.

Мне просто интересно, есть ли какие-либо бесплатные легкие редакторы html, у которых есть функция поиска закрывающего тега для тега. Например, вы нажимаете на тег, затем нажимаете ярлык, и программа переходит к закрывающему тегу, я знаю, что эта функциональность находится в homesite, но у меня нет дома, а в любом случае это громоздкая программа.

Или даже лучше какие-либо онлайн-службы проверки HTML, которые могут выделить незакрытые теги?

Подводя итоги, я хотел бы знать, как найти теги html, которые не имеют закрывающих тегов, - есть ли бесплатный редактор html или простой онлайн-сервис, который может помочь с этим?

4b9b3361

ОТВЕТЫ

Ответ 1

Если вы сохраните свой HTML как page.xhtml (вместо page.html), браузер (Firefox/Chrome или Opera) должен найти незаблокированные теги для вас без необходимости проверки. Просто не забудьте переименовать их .html, прежде чем отправлять их онлайн - IE еще не поддерживает файлы .xhtml.

Редактировать (3 года спустя): Этот пост все еще получает комментарии /upvotes, так что небольшая поправка. IE9 и IE10 теперь поддерживают файлы xhtml.

Ответ 2

Использовать источник просмотра firefox - неправильный код будет в другом цвете

Ответ 3

Notepad ++ - никогда не было никаких проблем с ним, а также никогда не было скрытого тега html с ним.

Вы можете просто щелкнуть по любому элементу и посмотреть, есть ли у него закрывающий тег. Также вы можете сделать это: нажмите "TextFX" (слева от плагинов в навигации) → нажмите "Text FX HTML Tidy" → нажмите, чтобы сказать hmm "TiDy clean Document-wrap". Это должно исправить ваш html-документ, а также закрыть все незаблокированные элементы.

Ответ 4

http://validator.w3.org/

Делает больше, чем просто закрытые теги. Должны использоваться всеми внешними разработчиками, IMO.

Ответ 5

Я использую два онлайн-инструмента, которые работают очень хорошо. jona.ca и tormus.com

Ответ 6

CSE HTML Validator Lite - бесплатный легкий редактор (для Windows), который будет проверять ваш HTML (только нажмите F6) и найдите отсутствующие конечные теги и другие проблемы. Вы также можете нажать Ctrl + M на стартовом теге или концевом теге, и он перенесет вас в соответствующий начальный или конечный тег.

Простой онлайн-сервис, который также будет делать это (и многое другое), OnlineWebCheck.com. Существуют и другие онлайн-сервисы, но, на мой взгляд, тот, который я только что упомянул, является самым простым в использовании и понимании.

Полное раскрытие: Я являюсь разработчиком CSE HTML Validator Lite и http://www.OnlineWebCheck.com/, который основан на HTML Validator.

Ответ 7

бесплатные легкие редакторы html... онлайн-службы проверки html, которые могут выделять закрытые теги?

Используйте linter-vnu.

linter-vnu - пакет для редактора Atom, который использует Nu Html Checker (v.Nu) для проверки документов HTML или XHTML.

Раскрытие: Я разработчик linter-vnu.

linter-vnu использует другой пакет Atom, linter, для интеграции v.Nu и Atom.

Например, если вы открываете следующий файл test.html в Atom:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta charset="utf-8"/>
<title>Test HTML document</title>
</head>
<body>
<div>
<p>Lorem ipsum dolor sit amet...</p>
</body>
</html>

(с умышленно отсутствующим закрывающим тегом </div>)

тогда Atom (или, вернее, linter-vnu, благодаря linter и v.Nu) отображает следующие сообщения об ошибках:

  • Незакрытый элемент "div". в строке 8 col 1 в test.html
  • Конец тега для "тела", но есть незамкнутые элементы. в строке 10 col 1 в test.html

и маркирует эти строки в редакторе красными точками.

Если вы нажмете "at..." (гиперссылнный текст) в сообщении об ошибке, точка вставки редактора переместится в соответствующую строку, и под этой линией появится всплывающее окно с текстом ошибки ( "Unclosed element" div "." ).

Если вы сохраните свой HTML-документ с расширением файла .xhtml и откройте его в Atom, то v.Nu проверяет ваш документ как XHTML (XML), а не HTML, с несколько разными сообщениями. В этом случае просто одно сообщение об ошибке:

  • обязательный символ (найден "b" ) (ожидаемый "d" ) в строке 10 col 3

где строка 10 содержит закрывающий тег </body>. v.Nu ожидал вместо этого тега </div>; он был доволен </ - ожидал закрывающий тег, но ожидал, что имя элемента начнется с "d" для "div", а не "b" для "body".

Я делаю следующие заявления, начиная с ноября 2016 года:

  • v.Nu - лучший вариант для проверки (X) HTML (5).
  • linter-vnu - лучший вариант для интерактивного использования v.Nu в редакторе. linter-vnu сам по себе тривиален; это всего лишь несколько строк кода "клей". Что делает его лучшим вариантом, это редактор Atom и пакет linter Atom.

Я приветствую встречные требования и вопросы об этих требованиях. Я был бы счастлив, если бы я оказался ошибочным, и мне показали что-то лучше. Особенно, если, например, v.Nu и linter-vnu, это бесплатно.