Indent:
Category:docs
Mode:Offline
Version:1.0.0
Access:Free
什么是 HTML 格式化程序?
HTML格式化程序重写HTML标记与干净,一致的缩进,因此文档的结构很容易阅读粘贴一个最小化页面,从构建工具复制的一个片段,或手写标记与不匹配的选项卡和空格,格式化程序解析标签树,并打印回一个嵌套深度的一级缩进反向操作,最小化,剥离标签之间的微不足道的空白,以缩小文件生产而不改变浏览器渲染的方式。
Raw HTML很少到达你可以扫描的状态服务器模板在单行上发出它,捆绑程序将其折叠,粘贴的片段携带所使用的源的任何间距美化暴露嵌套,这样你就可以找到你需要的元素,发现一个从未关闭的标签,或者干净地区分两个版本当你调试布局,审计标记的可访问性,或第一次阅读其他内容时,这最重要的是格式化程序将角括号墙变成你实际上可以遵循的轮廓。
该工具在浏览器中 100% 使用无依赖解析器运行,因此您粘贴的任何内容都不会上传或记录,并且一旦页面加载,它就会保持离线工作。解析器是故意宽容的:它应用浏览器对 li、p、td 和选项等标签使用的相同隐含闭包规则,因此带有省略的末端标签的现实标记仍然可以正确格式化。脚本、样式、预先、文本区域和标题内的内容是逐字复制的,这意味着您的 JavaScript、CSS 和预先格式化的文本永远不会重新缩进或损坏。
如何使用 HTML 格式化程序?
1
粘贴您的 HTML
HTML 粘贴到输入面板中, 无论是最小化到一行, 缩进不一致, 还是从模板复制的片段, 单击加载样本从一个小逼真的页面开始。
2
选择美化或最小化
选择 Beautify 以重新缩进标记以供阅读和编辑,或 Minify 以将其折叠为最小的无空白形式以供制作。
3
设置缩进和选项
2 个空格、4 个空格或选项卡来美化输出,可选删除 HTML 注释,文档先解析,所以未关闭的标签被报告为警告。
4
复制或下载结果
将格式化的 HTML 复制到剪贴板或将其下载为。html 文件,然后将其放入编辑器、模板或页面中。
主要特点
美化和缩小
2 空格、4 空格或选项卡缩进重新缩进 HTML,以获得可读性,或者将其最小化为最小的无空白形式,两者均来自同一工具。
宽容解析器
Li、p、td 和 option 等标签应用浏览器隐含闭包规则,因此带有省略的结束标签的标记仍然可以正确格式化而不是打破。
保留脚本和风格
脚本、样式、预先、文本区域和标题中的内容是逐字复制的,因此您的 JavaScript、CSS 和预先格式化的文本永远不会重新缩进或更改。
内联感知输出
短段落和内联运行就像一个、强和 em 保持在一行上,而不是逐个标记分开,因此结果会按照您编写它的方式读取。
Frequently Asked Questions
HTML粘贴到输入面板中, 选择Beautify, 选择一个缩进宽度, 然后点击格式, 该工具解析标签树并重新缩进它, 然后让你复制或下载结果, 所有处理都发生在你的浏览器中, 所以没有上传任何内容。
Related Tools
HTG
docs
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. 100% in your browser.
HTM
docs
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. 100% client-side.
MTG
docs
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
MTH
docs
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!
html formatterhtml beautifierbeautify htmlformat htmlhtml minifierhtml pretty printindent htmlhtml formatter onlineclean up html