删除html标签之间的空格?

时间:2011-12-10 17:02:50

标签: html whitespace markup minify

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

像这样:

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

<body><p>No space</p></body>

我发现了site。但它在标签之间留下了一个空间。但我不想要任何东西。

4 个答案:

答案 0 :(得分:6)

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

换句话说,这个HTML示例:

<p>Some content
    <strong>is strong</strong>
    and
    <em>emphasized</em>
    in this paragraph.</p>

当完全缩小时:

<p>Somecontent<strong>isstrong</strong>and<em>emphasized</em>inthisparagraph.</p>

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

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

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

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

答案 1 :(得分:1)

你需要什么来缩小你的HTML。 在这里,您可以阅读有关this

的讨论

此外,您可以缩小CSS和JS。

答案 2 :(得分:0)

没有此规则的任何其他HTML缩小器都可以使用。

谷歌将这一个列为我:
http://www.willpeavy.com/minifier/

答案 3 :(得分:0)

我正在使用Smarty模板引擎开发Web应用程序。它有函数{strip},它取代了模板中的所有新行,制表符,空格....因此,您可以使用许多新行和空格编写代码。但输出将是单行。