Question

我用基本的文本编辑器，记事本编辑了很多HTML页面。当我去验证它们时，验证服务是说div标记未关闭。我倾向于发现自动错误报告，例如这些报告往往不太可靠，即它们会给你一个行号和错误但通常错误实际上完全在文件的另一部分。

我只是想知道是否有任何免费的轻量级html编辑器具有查找标签的结束标签的功能。例如，你单击一个标签，然后单击一个快捷方式，程序将跳转到结束标签，我知道这个功能是在homesite，但我没有homesite，并且它有点笨重的程序。

甚至更好的任何可以突出显示未关闭标签的在线HTML验证服务？

总结一下，我想知道如何找到没有结束标签的html标签 - 是否有免费的html编辑器或简单的在线服务可以帮助解决这个问题？

Answer 1

如果您将HTML保存为page.xhtml（而不是page.html），则浏览器（Firefox / Chrome或Opera）应该为您找到未关闭的标记，而无需验证程序。只需记住在联机提供之前重命名.html - IE尚不支持.xhtml个文件。

编辑（3年后）：这篇文章仍然得到评论/ upvotes所以稍作修改。 IE9和IE10现在支持xhtml文件。

Answer 2

使用firefox视图源 - 错误的代码将采用不同的颜色

Answer 3

Notepad++ - 从来没有遇到任何问题，也从来没有任何未公开的html标签。

您只需点击任何元素，看看它是否有结束标记。你也可以这样做：点击“TextFX”（从导航插件中留下） - ＆gt;点击“Text FX HTML Tidy” - ＆gt;点击让我们说嗯“TiDy clean Document - wrap”。这应该修复你的html文档，也就是关闭所有未关闭的元素。

Answer 4

http://validator.w3.org/

不仅仅是未关闭的标签。应该由所有前端开发人员IMO使用。

Answer 5

我正在使用两个在线工具，它工作得非常好。 jona.ca和tormus.com

Answer 6

CSE HTML Validator Lite是一个免费的轻量级编辑器（适用于Windows），它将检查您的HTML（只需按F6）并找到缺少的结束标记和其他问题。您也可以在开始标记或结束标记上按Ctrl + M，它会将您带到匹配的开始或结束标记。

一个简单的在线服务也是OnlineWebCheck.com。还有其他在线服务，但在我看来，我刚才提到的是最简单的使用和理解的服务。

完全披露：我是CSE HTML Validator Lite和http://www.OnlineWebCheck.com/的开发人员，它基于CSE HTML Validator。

Answer 7

免费的轻量级html编辑器......可以突出显示未关闭标签的在线HTML验证服务？

使用linter-vnu。

linter-vnu是Atom编辑器的一个包，它使用Nu Html Checker（v.Nu）来验证HTML或XHTML文档。

披露：我是linter-vnu的开发者。

linter-vnu使用另一个Atom包linter来集成v.Nu和Atom。

例如，如果您在Atom中打开以下test.html文件：

<!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”。在test.html的第8行第1栏
看到“body”的结束标记，但是有未公开的元素。在test.html的第10行第1栏

并在编辑器中用红点标记这些行。

如果您点击＆＃34; at ...＆＃34; （超链接文本）在错误消息中，编辑器插入点移动到相应的行，并在该行下面显示一个弹出窗口，其中包含错误文本（＆＃39;未关闭的元素＆＃34; div＆＃34;。＆＃39 ;）

如果使用文件扩展名.xhtml保存HTML文档，并在Atom中打开它，则v.Nu会将您的文档验证为XHTML（XML）而不是HTML，但邮件略有不同。在这种情况下，只有一条错误消息：

第10行第3行所需的字符（找到“b”）（预期“d”）

第10行包含结束</body>标记。 v.Nu期待一个</div>标签;它对</感到满意 - 它期待一个结束标记 - 但它期望元素名称以＆＃34; d＆＃34;开头。 for＆＃34; div＆＃34 ;, not＆＃34; b＆＃34;为＆＃34; body＆＃34;。

截至2016年11月，我提出以下声明：

v.Nu is the best option for validating (X)HTML(5)。
linter-vnu是在编辑器中交互式利用v.Nu的最佳选择。 linter-vnu本身很简单;它只是几行＆＃34;胶水＆＃34;码。最佳选择是Atom编辑器和Atom linter包。

我欢迎有关这些说法的反诉和质疑。我很高兴被证明是错的，并被证明有更好的表现。特别是如果像v.Nu和linter-vnu一样，它是免费的。

Answer 8

如果您的代码非常混乱，没有美化或缩进，v.Nu（如https://validator.w3.org/nu/所示）经常会混淆（例如，如果有一个极端结束标记，它可能无法管理选择真正错误的那个。）

一种解决方案是代码折叠：通过折叠标记为某个节点的子代的所有代码，您通常可以轻松发现一些不正确的层次结构。

支持代码折叠的编辑器示例是Kate editor：请参阅屏幕截图左侧的箭头。

HTML编辑器，可帮助查找未关闭的标签

8 个答案: