特殊字符:html里面有特殊的意义的字符。
大家可以测试一下,在文本编辑器中输入下面代码并保存为HTML文件后用浏览器打开:
a<b>c
此时浏览器并不能正确的显示a<b>c。
因为在HTML中<和>都是有特殊含义的(用于构成标签标记<>)。
特殊字符的输入
常见特殊符号对应的字符实体
特殊符号 | 字符实体 | 实体编码 |
---|---|---|
” | "; | "; |
< | <; | <; |
> | >; | >; |
· | ·; | ·; |
不间断空格 |  ; |  ; |
© | ©; | © ; |
小结:特殊字符的对应的字符实体格式是以英文的&开头,以英文的;结尾,中间为英文单词的缩写,如:
- quot是quote(引用)的缩写。
- lt是Less Than(小于)的缩写。
- gt是Greater Than(大于)的缩写。
- nbsp是Non-breaking Space(不间断空格)的缩写。
空格与不间断空格
注:在HTML代码中连续输入多个空格或者空白字符(如按tab或者回车),最终在网页中只会显示一个空格。因此,为了解决网页显示多个空格的问题,引入了不间断空格“ ;”这个字符实体。
不间断空格的宽度问题
需要提醒大家的是,在不同的浏览器或者字体当中,空格的宽度是不相等的,比如可能会四个空格的等于一个汉字宽度,有时会是两个空格等于一个汉字宽度;有时一个空格等于一个汉字宽度。
举例:
我们设置中英文字体都为中文字体时,一个空格等于一个汉字宽度。
小技巧:全角空格:
在全角状态下,一个空格是当做一个汉字来处理的,此时空格的宽度始终等于一个汉字的宽度。此技巧适用于不能设置字体的情况下使用。
总结
- 特殊字符需要用对应的字符实体来进行输入
- 空格(空白字符)、不间断空格与全角空格的特点与应用场合
练习:
- 请大家在HTML中输入如下代码,想象并查看效果:
<p>表示段落的开始标签。</p>表示段落的开始标签。
- 在HTML中输入全角空格。实现如下效果:
实现首行空两个字符。