如何移除HTML文件中标签前后及body内的空行？

不管是手动处理单个文件还是批量操作，都有几种简单可行的方式：

一、用文本编辑器的正则替换（VS Code、Sublime等通用） #

主流编辑器都支持正则替换，操作步骤很直观：

1. 打开目标HTML文件，调出替换面板（VS Code按Ctrl+H，Sublime按Ctrl+Shift+H）
2. 点击面板里的「正则匹配」按钮（一般是.*样式的图标）
3. 分四次替换，每次输入对应的查找规则，替换框留空：
   • 移除<head>标签前的空行：查找内容填^\s+(?=<head>)
   • 移除<body>标签前的空行：查找内容填^\s+(?=<body>)
   • 移除</html>标签前的空行：查找内容填^\s+(?=</html>)
   • 移除<body>内部的空行：查找内容填(?<=<body>)[\s\S]*?^\s+(?=[\s\S]*?</body>)（如果一次没清干净，可以多点击几次替换全部）

二、命令行用sed批量处理（Linux/macOS） #

如果要处理大量文件，用命令行效率更高：

• 移除<head>、<body>前的空行：

  sed -i '' '/^\s*$/{N;/\n<\(head\|body\)>/d}' 你的文件名.html
  

• 移除</html>前的空行：

  sed -i '' '/^\s*$/{N;/\n<\/html>/d}' 你的文件名.html
  

• 移除<body>内部所有空行：

  sed -i '' '/<body>/,/<\/body>/ {/^\s*$/d}' 你的文件名.html
  

  注意：macOS的sed需要加-i ''，Linux系统直接用-i即可。

三、前端场景用JS脚本处理 #

如果是在代码里动态处理HTML字符串，可以写个简单函数：

function cleanHtmlEmptyLines(htmlStr) {
  // 清掉<head>、<body>前的空行
  htmlStr = htmlStr.replace(/^\s+(?=<(head|body)>)/gm, '');
  // 清掉</html>前的空行
  htmlStr = htmlStr.replace(/^\s+(?=<\/html>)/gm, '');
  // 清掉<body>内部的空行
  htmlStr = htmlStr.replace(/(?<=<body>[\s\S]*?)^\s+(?=[\s\S]*?</body>)/gm, '');
  return htmlStr;
}

把需要处理的HTML字符串传进去，就能得到清理后的结果。

内容的提问来源于stack exchange，提问作者Anny