Я редактировал много HTML-страниц с помощью основного текстового редактора, блокнота.
Когда я пошел проверять их, служба проверки говорит, что тег div, который не закрыт. Я имею тенденцию находить автоматические отчеты об ошибках, такие как эти, как правило, не слишком надежны, т.е. Они дадут вам номер строки и ошибку, но часто повторяют ошибку на самом деле в другой части файла целиком.
Мне просто интересно, есть ли какие-либо бесплатные легкие редакторы html, у которых есть функция поиска закрывающего тега для тега. Например, вы нажимаете на тег, затем нажимаете ярлык, и программа переходит к закрывающему тегу, я знаю, что эта функциональность находится в homesite, но у меня нет дома, а в любом случае это громоздкая программа.
Или даже лучше какие-либо онлайн-службы проверки HTML, которые могут выделить незакрытые теги?
Подводя итоги, я хотел бы знать, как найти теги html, которые не имеют закрывающих тегов, - есть ли бесплатный редактор html или простой онлайн-сервис, который может помочь с этим?
Если вы сохраните свой HTML как page.xhtml (вместо page.html), браузер (Firefox/Chrome или Opera) должен найти незаблокированные теги для вас без необходимости проверки. Просто не забудьте переименовать их .html, прежде чем отправлять их онлайн - IE еще не поддерживает файлы .xhtml.
Редактировать (3 года спустя): Этот пост все еще получает комментарии /upvotes, так что небольшая поправка. IE9 и IE10 теперь поддерживают файлы xhtml.
Использовать источник просмотра firefox - неправильный код будет в другом цвете
Notepad ++ - никогда не было никаких проблем с ним, а также никогда не было скрытого тега html с ним.
Вы можете просто щелкнуть по любому элементу и посмотреть, есть ли у него закрывающий тег. Также вы можете сделать это: нажмите "TextFX" (слева от плагинов в навигации) → нажмите "Text FX HTML Tidy" → нажмите, чтобы сказать hmm "TiDy clean Document-wrap". Это должно исправить ваш html-документ, а также закрыть все незаблокированные элементы.
Делает больше, чем просто закрытые теги. Должны использоваться всеми внешними разработчиками, IMO.
Я использую два онлайн-инструмента, которые работают очень хорошо. jona.ca и tormus.com
CSE HTML Validator Lite - бесплатный легкий редактор (для Windows), который будет проверять ваш HTML (только нажмите F6) и найдите отсутствующие конечные теги и другие проблемы. Вы также можете нажать Ctrl + M на стартовом теге или концевом теге, и он перенесет вас в соответствующий начальный или конечный тег.
Простой онлайн-сервис, который также будет делать это (и многое другое), OnlineWebCheck.com. Существуют и другие онлайн-сервисы, но, на мой взгляд, тот, который я только что упомянул, является самым простым в использовании и понимании.
Полное раскрытие: Я являюсь разработчиком CSE HTML Validator Lite и http://www.OnlineWebCheck.com/, который основан на HTML Validator.
бесплатные легкие редакторы 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) отображает следующие сообщения об ошибках:
и маркирует эти строки в редакторе красными точками.
Если вы нажмете "at..." (гиперссылнный текст) в сообщении об ошибке, точка вставки редактора переместится в соответствующую строку, и под этой линией появится всплывающее окно с текстом ошибки ( "Unclosed element" div "." ).
Если вы сохраните свой HTML-документ с расширением файла .xhtml и откройте его в Atom, то v.Nu проверяет ваш документ как XHTML (XML), а не HTML, с несколько разными сообщениями. В этом случае просто одно сообщение об ошибке:
где строка 10 содержит закрывающий тег </body>. v.Nu ожидал вместо этого тега </div>; он был доволен </ - ожидал закрывающий тег, но ожидал, что имя элемента начнется с "d" для "div", а не "b" для "body".
Я делаю следующие заявления, начиная с ноября 2016 года:
Я приветствую встречные требования и вопросы об этих требованиях. Я был бы счастлив, если бы я оказался ошибочным, и мне показали что-то лучше. Особенно, если, например, v.Nu и linter-vnu, это бесплатно.