如何快速找到未闭合的 div 标签？

有时候修改 html 时不小心多删除了一个 div 或者加了一个 div ，这时如果浏览器报错就有可能需要在一片区域一个个标签看过去，不知道有没有方便的检查未配对标签的工具或者排错方法？

killadm

2017 年 1 月 24 日

sublime text 可以，但是我不清楚是原生的还是 BracketHighlighter 插件带的

Tonni

2017 年 1 月 24 日

验证一下 HTML 代码： https://validator.w3.org

lcnr

2017 年 1 月 24 日

审查元素我觉得很方便查出来啊？折叠起来很明显能看出来

shiny

2017 年 1 月 24 日

如果平时注意代码对齐，很容易就能看出来哪里缺了。

chnyang

2017 年 1 月 24 日

格式化代码..

nanlong

2017 年 1 月 24 日

都不用提 IDE ，就普通编辑器也应该有语法错误提示的吧，未闭合标签会有醒目标志。

it407841482

2017 年 1 月 24 日

hbuilder 右键验证文档语法

corona

2017 年 1 月 24 日

还是保持一个好的代码习惯吧，保持对齐，能一眼看到哪儿没闭合。

ide 的话，像 webstorm 会有语法校验，不合格会有 warning 提示

Pastsong

2017 年 1 月 24 日

问题在于，浏览器不会对 HTML 报错

jun4rui

2017 年 1 月 24 日

用 IDE 可以，但是没有 IDE 呢？例如 vim...

对齐也可以，但是有时候缺少的 div 被别的 div 补位了！一眼看去只有文档最后才少了个 div

我的办法是，代码功能区块起始和结尾写中文注释，外加代码格式化，可以保证快速定位。例如：


.....

viosey

2017 年 1 月 24 日

刚遇到，写了个<a> <a>
闭合没有加 /
找 bug 花了些时间

keelii

2017 年 1 月 24 日

Firefox 查看源代码如果关闭不正常 div 就是红色字体

arzusyume

2017 年 1 月 24 日

lint or hint

cxbig

2017 年 1 月 24 日

用 IDE 做开发，从来就不需要担心这个问题
就算用 Editor ，主流的产品也都有相应插件来检查

jun4rui

2017 年 1 月 24 日

主要是不见得是自己开发了，是帮别人填坑，自己手写的当然没问题。

lslqtz

2017 年 1 月 26 日

我一般用正则把有包含的都删了然后找单独的 div

wolong

2017 年 1 月 27 日

一般直接预览，页面能正常现实就行。管他闭不闭合。不能正常显示了再慢慢找。

fhefh

2017 年 1 月 27 日

用这个插件
https://chrome.google.com/webstore/detail/html-%E6%A0%87%E7%AD%BE%E6%A3%80%E6%B5%8B%E5%99%A8html-tag-checke/eglomijmggnafcfejliedcljabfgblia

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.ih06.com/t/336696

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.