html空白字符显示效果,什么是空白字符？空白符有哪些？

空白字符，也可简称“空白符”，通俗理解，就是不会显示出来的字符，类似空格符、回车换行符、制表符之类的字符，从视觉效果上来看，只是一个空白区域而已。

空白字符有哪些？

空白符主要有空格符、回车换行符、制表符三种字符，分别介绍如下：

1、空格符：就是按空格键(space键)后，出现一个占位符的空白区域；

2、回车符：也叫回车换行符，就是按键盘上的enter键就会进行换行；

3、制表符：就是按tab键后打出来的空白字符；

空白字符的用途

空白字符根据字符的三个种类，分别有以下三种用途

1、空格符可以增加字符与字符之间的间隔效果；

2、回车换行符可以增加字符行与行之间的换行效果；

3、制表符可以编辑出类似目录、表格的排列效果；

以上三个用途，最终在字符编辑排版显示的效果上，可以提高计算机编程源代码的易读性；

空白字符可以提高编程程序源代码的易读性

在计算机程序编程过程中，我们可以使用空白符对程序的源代码进行留空白间隔或对齐，以及换行处理，对源代码进行编排，可以提高编程代码的清晰性和阅读性；

但要注意，编程中的源代码进行编译之后，空白字符就会失效，即源代码经过编译后，空白字符会被忽略掉，不会显示任何空字符的留白效果；

比如，下面的html源代码中的空白符和经过浏览器编译之后显示的效果

从上面的例子中，我们知道了，空白字符在程序源代码是有效的，可以进行编排，使得程序源代码的排版更加清晰和便于浏览；但通过编译器编译之后，就不会显示出空白字符的效果；

标签可保留空白字符

在html网页设计中，使用

标签可以保留空白字符，效果如下图所示：

温馨提示：

1、在html中，目前只有

标签可以保留空白字符在浏览器中的效果；

2、如果不使用pre标签，又想让空白字符，在浏览器中保留，就需要使用空白字符对应的html符号实体来完成；

空白字符对应的html符号实体

空格符(space键)：在html中可以使用符号实体 或十进制编号 表示；

回车换行符(enter键)：在html中没有符号实体的，但如果硬要说回车换行的话，也就只有段落

标签和换行
标签有“回车”换行的效果了。

制表符(tab键)：严格来说，也是没有符号实体名称，值得注意的是十进制编号 ，但它只在

和

这样的标签内才会起作用，除此之外，在其他html标签中，它只相当于一个空格而已。