删除html标签之间的空格?

Gᴇᴏ*_*ᴛᴇʀ 1 html markup whitespace minify

为了消除一些页面加载时间,我在哪里可以找到删除html标签之间空格的东西?没有我必须经过每一个并自己删除它们

像这样:

<body>
  <p>Lot's of space</p>
</body>

<body><p>No space</p></body>
Run Code Online (Sandbox Code Playgroud)

我找到了这个网站.但它在标签之间留下了一个空格.但我不想要任何.

小智 6

请注意,您对发生的事情有所了解,否则会破坏文档的完整性.完全缩小的代码示例将删除语法目的所不需要的所有注释和所有空格字符.

换句话说,这个HTML的例子:

<p>Some content
    <strong>is strong</strong>
    and
    <em>emphasized</em>
    in this paragraph.</p>
Run Code Online (Sandbox Code Playgroud)

当完全缩小成为:

<p>Somecontent<strong>isstrong</strong>and<em>emphasized</em>inthisparagraph.</p>
Run Code Online (Sandbox Code Playgroud)

在这种情况下,内容的腐败是显而易见的,因为所有的单词都相互冲突.不太明显的是空间缓冲内容和标签以及与其他内容不相邻的标签之间的空间.HTML文档中标记之外的所有空格字符都是DOM中的文本节点,如果不仔细考虑就删除DOM节点可能有害.

此外,您还必须确保HTML minifier不会破坏任何内联JavaScript或CSS代码.在查看可用的不同选项时,请仔细研究这些条件.

这是我写的一个可能对你有帮助的,因为它以一种使用自动漂亮打印应用程序完全递归到美化状态的方式缩小标记标记.

http://prettydiff.com/?m=minify&html