【问题标题】:Removes spaces between html tags?删除html标签之间的空格?
【发布时间】:2012-01-17 11:56:06
【问题描述】:
为了节省一些页面加载时间,我在哪里可以找到一些东西来删除 html 标签之间的空格?无需我亲自检查并删除它们
像这样:
<body>
<p>Lot's of space</p>
</body>
<body><p>No space</p></body>
我发现了这个site。但它在标签之间留下 一个 空间。但我什么都不想要。
【问题讨论】:
标签:
html
whitespace
markup
minify
【解决方案2】:
我正在使用 Smarty 模板引擎开发 Web 应用程序。它具有函数{strip},它替换模板中的所有新行、制表符、空格...。因此,您可以使用许多新行和空格来编写代码。但输出将是单行。
【解决方案3】:
请注意您对正在发生的事情有所了解,否则您将破坏文档的完整性。完全缩小的代码示例会删除所有 cmets 和所有语法目的不需要的空格字符。
换句话说,这个 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 压缩程序不会破坏任何内联 JavaScript 或 CSS 代码。在查看可用的不同选项时,请仔细研究这些条件。
这是我写的一个,它可能对您有所帮助,因为它使用自动漂亮打印应用程序以完全递归到美化状态的方式缩小标记标签。
http://prettydiff.com/?m=minify&html