HTML中的特殊字符

2023年8月24日

文章访问量：

标签：html, 标签语言

常用的特殊字符

在HTML中，也有着类似“转义字符”的用法。

简单来说，“<“或”>”等就是特殊符号，直接输入这些符号会导致和标签的声明”< >”发生歧义，所以需要用特殊方法来表示这些特殊符号。

三种空格
ensp,emsp,nbsp

是的，在HTML中有三种不同形式的空格。我们平时按下”空格键“输入的是nbsp，即”不断行的空格“。

ensp：半角大的空格
emsp：全角大的空格
nbsp：不断行的空格

什么半角，全角，不断行的，实际试一下就知道了。

先来看看直接输空格是怎么样的。假设代码如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
This is a test message.
</body>
</html>

效果如图

可以看到，直接输一个空格是可以正常显示的。那如果碰到需要输入多个空格的情况呢？比如把文本改为

<body>
This    is a test message.
</body>

接下来看看效果，可以发现并没有什么变化，说明空格在html中是无法累加的。

那碰到需要累加空格的情况，就要用“特殊符号”了。

刚好上面是四个空格，那把文本改为

<body>
This&ensp;is&emsp;a&nbsp;test message.
</body>

再来看看效果,是不是还挺明显的。虽然这个代码看起来确实有点乱。

其他的常用特殊符号
商标，版权，大小于号

像商标（键盘上打不出来），或者是大于号，小于号（HTML中用来声明标签的符号），就需要当作特殊符号处理了。

直接给代码演示+图片，平时碰到百度即可，也没必要再细分类别啥的了。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
Call Of Duty&copy; &lt; &gt; &#8482;
</body>
</html>

效果如图