代码之家 › 专栏 › 技术社区 › user280109

帮助查找未关闭标记的HTML编辑器

validation html

user280109 · 技术社区 · 16 年前

当我去验证它们时,验证服务说有一个 div

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

或者更好的在线html验证服务,可以突出显示未关闭的标签?

总而言之,我想知道如何找到没有结束标记的html标记-有没有免费的html编辑器或简单的在线服务可以帮助这一点?

8 回复 | 直到 13 年前

lucideer 13 年前

page.xhtml (而不是 page.html ),浏览器(Firefox/Chrome或Opera)应该可以为您找到未关闭的标记,而无需验证程序。记住给它们重命名 .html .xhtml 档案还没有。

编辑(3年后):

Thilanka De Silva 13 年前

使用firefox查看源代码-错误的代码将使用不同的颜色

Gavrisimo 16 年前

Notepad++ -它从来没有任何问题,也从来没有任何未关闭的html标记。

Jason McCreary 16 年前

http://validator.w3.org/

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

BrainBUG 12 年前

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

Albert Wiersch 10 年前

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

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

http://www.OnlineWebCheck.com/

Nemo 8 年前

如果你的代码非常凌乱,没有修饰或缩进,v.Nu(见 https://validator.w3.org/nu/

一种解决方案是代码折叠:通过折叠标记为某个节点的子节点的所有代码,通常可以很容易地发现一些不正确的层次结构。

Kate editor :查看屏幕截图中左侧的箭头。

Graham Hannington 9 年前

免费的轻量级html编辑器。。。可以突出显示未关闭标记的联机html验证服务?

linter-vnu

披露: 我是linter vnu的开发者。

例如,如果您打开以下 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> 标签)

test.html中第8行第1列的未关闭元素分区
已看到主体的结束标记,但存在未关闭的元素。在test.html的第10行第1列

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

如果使用文件扩展名保存HTML文档 .xhtml ,并在Atom中打开它,然后v.Nu使用稍微不同的消息将您的文档验证为XHTML(XML)而不是HTML。在这种情况下,只有一条错误消息:

第10行第3列所需字符(找到b)(预期为d)

</body> 标签v、 Nu正期待着一场比赛 </部门> 标签代替;它很高兴和你在一起 </

截至2016年11月,本人提出以下索赔:

v.Nu is the best option for validating (X)HTML(5)

推荐文章

Dónal · Spring Boot应用程序中的伪造证明文件类型验证

1 年前

David · 何时实际应用字符编码?

1 年前

Felix Cartwright · 为什么在我的JSON模式中没有遵守必填字段?

2 年前

Todd · 创建Powershell脚本,检查.csv文件中每行是否有两个字符串和一个整数

2 年前

Qiuzman · 如何确保v-combobox中的所有项目都遵循规则

2 年前

Kojrey · 在Python中,为什么这个负浮点数会传递非负while循环测试条件?

2 年前

DevilsThumb · 赋值时的Pydantic类型转换

2 年前

TinyTiger · 使用Zod验证Vee-validate:在Vue 3 Composition API中模糊上未显示自定义错误消息

2 年前

Amber Chambers · Google Sheets-导入范围问题并构建一个公式,该公式既导入范围,又基于另一列中的相应数据验证

2 年前

Chenomorfo · 忽略下拉渲染选择项中的输入项-AntDesign

2 年前