註釋內聯元素之間的空白

內聯顯示元素(通常為 spana)在文件中前後最多包含一個空白字元。為了避免標記中很長的行(難以閱讀)和無意的空白(影響格式化),可以註釋掉空格。

<!-- 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>

輸出:

StackOverflow 文件