什么是 HTML 格式化程序?
HTML格式化程序重写HTML标记与干净,一致的缩进,因此文档的结构很容易阅读粘贴一个最小化页面,从构建工具复制的一个片段,或手写标记与不匹配的选项卡和空格,格式化程序解析标签树,并打印回一个嵌套深度的一级缩进反向操作,最小化,剥离标签之间的微不足道的空白,以缩小文件生产而不改变浏览器渲染的方式。
Raw HTML很少到达你可以扫描的状态服务器模板在单行上发出它,捆绑程序将其折叠,粘贴的片段携带所使用的源的任何间距美化暴露嵌套,这样你就可以找到你需要的元素,发现一个从未关闭的标签,或者干净地区分两个版本当你调试布局,审计标记的可访问性,或第一次阅读别人的格式化程序时,这最重要将角括号墙变成你可以遵循的轮廓。
1个工作例,显示这个免费的HTML格式化程序在输入草率的情况下做了什么粘贴<ul>PH1__一个<li>两个</ul><p>Hi<b>there</b>,保持美化并选择2个空格,点击格式化在线HTML格式化程序关闭列表项和段落,将每个li放在自己的缩进行上,并将<p>Hi<b>there</b><li>0__保留在一行,因为它是短内联内容,输出读取5个标签,5行,63字节,两个警告列表什么是自动关闭的,因此HTML代码格式化程序永远不会默默修复损坏的标记。
该工具在浏览器中 100% 使用无依赖解析器运行,因此您粘贴的任何内容都不会上传或记录,并且一旦页面加载,它就会保持离线工作。解析器是故意宽容的:它应用浏览器对 li、p、td 和选项等标签使用的相同隐含闭包规则,因此带有省略的末端标签的现实标记仍然可以正确格式化。脚本、样式、预先、文本区域和标题内的内容是逐字复制的,这意味着您的 JavaScript、CSS 和预先格式化的文本永远不会重新缩进或损坏。
如何使用 HTML 格式化程序?
粘贴您的 HTML
HTML 粘贴到输入面板中, 无论是最小化到一行, 缩进不一致, 还是从模板复制的片段, 单击加载样本从一个小逼真的页面开始。
选择美化或最小化
选择 Beautify 以重新缩进标记以供阅读和编辑,或 Minify 以将其折叠为最小的无空白形式以供制作。
设置缩进和选项
2 个空格、4 个空格或选项卡来美化输出,可选删除 HTML 注释,文档先解析,所以未关闭的标签被报告为警告。
复制或下载结果
将格式化的 HTML 复制到剪贴板或将其下载为。html 文件,然后将其放入编辑器、模板或页面中。
主要特点
美化和缩小
2 空格、4 空格或选项卡缩进重新缩进 HTML,以获得可读性,或者将其最小化为最小的无空白形式,两者均来自同一工具。
宽容解析器
Li、p、td 和 option 等标签应用浏览器隐含闭包规则,因此带有省略的结束标签的标记仍然可以正确格式化而不是打破。
保留脚本和风格
脚本、样式、预先、文本区域和标题中的内容是逐字复制的,因此您的 JavaScript、CSS 和预先格式化的文本永远不会重新缩进或更改。
内联感知输出
短段落和内联运行就像一个、强和 em 保持在一行上,而不是逐个标记分开,因此结果会按照您编写它的方式读取。
Frequently Asked Questions
Related Tools
HTML Table Generator
Generate an accessible HTML table from pasted CSV or tab-separated data. Add a header row, caption, striped rows, and borders, then copy the HTML and CSS. Runs client-side.
HTML to Markdown
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. Runs client-side.
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Markdown to HTML
Convert Markdown to clean, semantic HTML with GitHub Flavored Markdown support - tables, task lists, fenced code, heading anchors, live preview and a full HTML document export.
Comments
0 comments
No comments yet. Be the first to share your thoughts!