在浏览器里处理

HTML 格式化与结构检查工具

选择 .html / .htm 文件或直接粘贴源码,就能以纯文本形式查看 HTML 源码,而不是被渲染成网页。工具会列出标签错配、未闭合元素、多余的结束标签、div 等非空元素上的自闭合斜杠、重复属性、属性引号错误、字符引用缺分号或越界等问题,每条都带行号和列号;错配和未闭合还会给出对应开始标签的位置。它还会报告 DOCTYPE 是否缺失、写在内容之后、格式错误或触发怪异模式,核对 meta charset 等字符集声明是否与实际的 UTF-8 字节矛盾、是否晚于前 1024 字节;生成 h1–h6 标题大纲(含跳级提示)和 main、nav 等地标列表;并清点源码里声明的脚本、iframe、样式表、图片、预加载提示和外部域名。需要整理排版时,把处理方式切换为“重新缩进”,可选 2 空格、4 空格或 Tab,换行符可统一为 LF 或沿用原文件的 CRLF;格式化报告会逐行列出改动了缩进的行,以及原样保留未动的区域,结果可下载为 原文件名.formatted.html。

支持格式: .html, .htm处理位置: 你的浏览器

或把文件拖到这里

✓ 文件只在当前设备处理文件上限:7.6 MB
怎么用

HTML 格式化与结构检查工具怎么用

01

把文件交给它

选择或拖入 .html或.htm 文件;也可以直接把内容粘进来。

02

等它处理完

文件在你的浏览器里读取和解析,不会先传到服务器。

03

核对结果再用

看一眼识别或转换的结果,再用页面上的复制、下载等操作。

常见问题

怎么在线打开 HTML 文件看源码并格式化?

选择 .html 或 .htm 文件,或直接粘贴源码,就能看到原始源码和检查结果。默认只检查不改动;想整理排版时把处理方式切到“重新缩进”,选好缩进单位后会出现格式化后的源码和改动报告,可以下载为 原文件名.formatted.html。页面不会被渲染成网页,所以你看到的始终是文本本身。

用这个工具格式化 HTML,文件会上传到服务器吗?

不会,HTML 文件只在你当前的浏览器标签页里读取和处理,不上传。不仅文件本身留在本机,文档里引用的脚本、样式表、图片和字体地址也不会被请求,DNS 预解析、预连接同样不会发生,所以打开一个内网页面的源码也不会向外“报到”。

手机上怎么查看 HTML 源码?iPhone 和安卓点开 HTML 只会显示网页怎么办?

在手机浏览器里打开本页,从“文件”选择 HTML 或粘贴源码,即可按纯文本查看源码。手机系统通常把 HTML 交给浏览器渲染,看不到标签;这里不渲染,源码、问题列表和标题大纲都能直接看。Windows、Mac 和 Linux 上的现代浏览器用法完全相同,不需要安装编辑器。

HTML 文件打开时报错“不是有效的 UTF-8”或者中文乱码,怎么办?

这说明文件不是按 UTF-8 保存的,常见是 GBK 或 Big5,工具不会替你转码。报错会给出第一个非法字节的字节偏移、行号和列号。用编辑器把文件另存为 UTF-8 再打开即可;UTF-16 文件或开头几个字节含空字节的文件也需要先转成 UTF-8。注意:如果文件里写的 meta charset 是 gbk 但字节其实是 UTF-8,会单独报“字符集声明与实际字节矛盾”。

检查结果里的“标签不匹配”和 HTML 标签未闭合怎么看、怎么修?

“标签不匹配”指元素被别的结束标签提前关掉,“未闭合”指到文件末尾仍开着,两者都给出开始标签的行列号。例如 span 被 </div> 关掉时,会同时列出 span 的开始位置和 </div> 的位置。工具不会猜测在哪里补结束标签,格式化时也会让这一段保持原样,请按两处位置在编辑器里手动修正后重新检查。

HTML 文件大小限制是多少?嵌套层数有上限吗?

单个文件最大 8,000,000 字节(约 8 MB),元素嵌套最深 512 层,超出都会被直接拒绝。嵌套超限时会报告越过上限那一处的行号和列号。粘贴的源码按 UTF-8 字节数计算同样的上限。格式化结果超过 400,000 字符时仍可下载,只是预览会受限。

格式化 HTML 时会改动什么?pre、textarea、script 里的空格和换行会变吗?

只改行首缩进,以及受保护区域之外的换行符;pre、textarea、script、style 的内容逐字节不变。注释、跨多行的标签、有结构错误的区域也原样保留,其中的换行符照抄原文件。属性名、属性值、引号和属性顺序、正文文字都不动,也不会压缩或删除任何内容。紧跟在 <pre> 或 <textarea> 后面的换行有意义,会被保留并单独标出。

来路不明的 HTML 文件安全吗?在这里打开会执行里面的脚本吗?

在这里打开不会执行脚本,也不渲染页面,文档里的网址一个都不会被访问。资源清单会列出源码里声明了哪些脚本、iframe 和外部域名,方便你自己判断,但工具不给出“安全/不安全”结论,不检测恶意代码或追踪器;脚本运行时动态拼出的网址也看不到。要真正在浏览器里打开这个文件,风险仍需你自己评估。

HTML 检查没有报错,是不是说明代码合规、无障碍也没问题?

不是,零报错只说明这些结构检查没发现问题,不代表通过规范验证。检查范围是标签平衡、元素嵌套、空元素、原始文本元素、DOCTYPE、字符集、重复属性、属性语法、字符引用、标题大纲和地标。它没有按 HTML 规范的完整语法做合规校验,标题大纲和地标列表也只是源码里写了什么,不等于无障碍评估。

HTML 的 DOCTYPE 显示怪异模式(quirks)是什么意思?和标准模式有什么区别?

缺少 DOCTYPE 或使用旧式公共标识符时,浏览器会进入怪异模式或有限怪异模式,盒模型等排版行为与标准模式不同。工具按 HTML 标准里的标识符列表判断模式,并报告公共标识符、系统标识符、字节偏移和行列号;写成 <!DOCTYPE html> 就是标准模式。DOCTYPE 出现在任何元素或文字之后会额外报“位置错误”。

和浏览器自带的“查看网页源代码”相比,这个 HTML 格式化工具多了什么?

查看源代码只是显示文本,这里还会逐条指出结构问题并给出行列号,还能统一缩进。另外它会核对字符集声明与实际字节、列出标题大纲和地标、清点外部资源和域名。最关键的区别是:用浏览器查看源代码通常需要先打开这个页面,而这里从不加载或运行它。