HTML精简核心是删冗余而非压缩：安全删除页面级缩进、省略html/head/body等可选标签、移除过时meta和废弃标签；保留pre/textarea/script/style内空白；工具配置需启用collapseWhitespace等关键项。
HTML 文件体积大，问题不在标签本身，而在空白、冗余结构和错误的压缩思路。盲目删换行或套用默认配置，反而可能破坏渲染、影响 JS 查询，甚至让 class 或 data- 属性失效。
哪些空白能安全删，哪些必须留？
浏览器对 HTML 是宽松解析的：普通标签间多个空格/换行会被合并成一个空格；但 <pre>、<textarea>、<script>、<style> 里的空白有语义，动了就错。
- 页面级缩进和换行（比如
<div>\n <p>x</p>\n</div>）可全删，不影响渲染 -
<img src="x">文字如果中间换行，会变成<img> 文字（带空格），需写成<img src="x"><!-- -->文字消除 - 两个内联元素之间（如
<span>a</span> <span>b</span>）的空格会被保留，若不需要，直接连写：<span>a</span><span>b</span>
HTML5 允许省略哪些标签和属性？
现代项目（IE11 及以下不考虑）可放心省略大量冗余语法，既减体积又不牺牲兼容性。
-
<html>、<head>、<body>标签可完全省略，浏览器自动补全，DOM 中始终存在 -
<meta charset="utf-8">不需要闭合，也不需要/>；<link rel="stylesheet" href="x.css">同理 -
<input disabled="">和<input disabled>等价，布尔属性值为空或同名时，只留属性名即可 -
<option selected="">、<script type="text/javascript">在 HTML5 中均可省略对应属性
用 html-minifier-terser 压缩时，关键配置怎么设？
它比老版 html-minifier 更稳定，但默认配置几乎不压缩——不调参数等于白装。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 必须开
collapseWhitespace: true，否则换行缩进全保留 -
removeComments: true安全，但若用了构建标记（如<!-- build:css -->），得配ignoreCustomComments -
removeRedundantAttributes: true会删掉type="text"这类默认值，没问题 - 慎用
removeEmptyAttributes: true：它会删class=""或data-id=""，而 JS 常靠这些做查询，建议关掉 - 若用了
<template>或服务端模板（如<% ... %>），加ignoreCustomFragments避免误删
为什么别把 CSS/JS 写进 HTML 里再压缩？
内联 <style> 或 <script> 即使被压缩，也失去缓存能力——每次 HTML 变，整个样式或逻辑都得重下。体积省了几 KB，却换来更差的复用率和首屏加载表现。
真正该优先做的，是把它们外链化，再配合 Gzip/Brotli 传输压缩。实测多数 HTML 经 Gzip 后体积能压到原始的 20–30%，远超手动删空格的效果。而人容易忽略的是：Gzip 对重复字符串极敏感，所以精简后的 HTML + Gzip，效果才真正叠加。
