HTML5特性

空白折叠

• 文字和文字之间的多个空格、换行会被折叠成一个空格
• 标签“内壁〞和文字之间的空格会被忽略

<!-- 空白折叠  文字之间的空格会被合并成一个-->
<p>hello        

World</p>

<!-- 闭合的p前边的空格都会被忽略 -->
<p>hello world      </p>
<p>  hello world      </p>

转义字符

示例

<!-- &lt; &gt; &nbsp; &copy; -->
<p>今天&nbsp;&nbsp;我们学习了&lt;p&gt;&lt;/p&gt;标签</p>

&copy;
<p class="p1">&nbsp;&nbsp;2020   imooc.com   京ICP备  12003892号-11</p>

效果

常见转义标签

转义字符	意义
<	小于号
>	大于号
&nbsp;	空格(不会被折叠)
©	版权符号©