03-特殊字符和空格

特殊字符：html里面有特殊的意义的字符。

大家可以测试一下，在文本编辑器中输入下面代码并保存为HTML文件后用浏览器打开:

  ac

此时浏览器并不能正确的显示ac。
因为在HTML中<和>都是有特殊含义的（用于构成标签标记<>）。

特殊字符的输入

常见特殊符号对应的字符实体

特殊符号	字符实体	实体编码
”	"；	"；
<	<；	<；
>	>；	>；
·	·；	·；
不间断空格	；	；
©	©；	© ；

小结：特殊字符的对应的字符实体格式是以英文的&开头，以英文的；结尾，中间为英文单词的缩写，如：

• quot是quote(引用)的缩写。
• lt是Less Than(小于)的缩写。
• gt是Greater Than（大于）的缩写。
• nbsp是Non-breaking Space(不间断空格)的缩写。

空格与不间断空格

注：在HTML代码中连续输入多个空格或者空白字符（如按tab或者回车），最终在网页中只会显示一个空格。因此，为了解决网页显示多个空格的问题，引入了不间断空格“ ；”这个字符实体。

不间断空格的宽度问题

需要提醒大家的是，在不同的浏览器或者字体当中，空格的宽度是不相等的，比如可能会四个空格的等于一个汉字宽度，有时会是两个空格等于一个汉字宽度；有时一个空格等于一个汉字宽度。
举例：
我们设置中英文字体都为中文字体时，一个空格等于一个汉字宽度。

小技巧：全角空格：

在全角状态下，一个空格是当做一个汉字来处理的，此时空格的宽度始终等于一个汉字的宽度。此技巧适用于不能设置字体的情况下使用。

image.png

总结

• 特殊字符需要用对应的字符实体来进行输入
• 空格（空白字符）、不间断空格与全角空格的特点与应用场合

练习：

• 请大家在HTML中输入如下代码，想象并查看效果：

  <p>表示段落的开始标签。</p>表示段落的开始标签。

• 在HTML中输入全角空格。实现如下效果：

 　　实现首行空两个字符。