注释内联元素之间的空白

内联显示元素（通常为 span 或 a）在文档中前后最多包含一个空白字符。为了避免标记中很长的行（难以阅读）和无意的空白（影响格式化），可以注释掉空格。

<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>

在内联元素之间没有注释的情况下尝试它，它们之间会有一个空格。有时需要拾取空格字符。

示例代码：

<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
<hr>
<!-- Without it, you can notice a small formatting difference: -->
<a href="#">I hope there will be no extra whitespace after this!</a>
<button>Foo</button>

输出：