首页 > 编程笔记 > HTML笔记 阅读:9

HTML转义字符的用法(附带实例)

创建 HTML 元素时,会使用 < 和 > 符号定义元素的标记,如果页面内容中包含这两个字符,就可能产生解析错误,此时,可以使用特殊的方式来显示。

下面的代码使用名称转义显示 < 和 > 符号。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
    HTML 中,&lt;br&gt; 标记用于换行
</body>
</html>
代码中,使用“<”表示小于号,“>”表示大于号,页面显示效果见下图。


此外,在页面中还有一些比较常用的字符,如 &nbsp; 显示一个空格,&copy; 显示版权符号(©)等。

另一种字符转义方式是通过字符的 Unicode 编码,使用“&#<编码>”格式,如下面的代码,使用字符编码显示版权符号。
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
版权所有&#169;
</body>
</html>
页面显示效果见下图:


下表给出一些常用的字符转义方式,大家可以在学习和工作中参考使用。

表:常用 HTML 转义字符
字符 名称转义 编码转义 描述
" &quot; &#034; 双引号
& &amp; &#038; 与符号
< &lt; &#060; 小于号
> &gt; &#062; 大于号
  &nbsp; &#160; 空格符
¡ &iexcl; &#161; 倒惊叹号
¥ &yen; &#165; 元符号
§ &sect; &#167; 章节符号
© &copy; &#169; 版权符号
® &reg; &#174; 注册商标符号
° &deg; &#176; 单位度
± &plusmn; &#177; 正负号
² &sup2; &#178; 上标 2
³ &sup3; &#179; 上标 3
¼ &frac14; &#188; 四分之一
½ &frac12; &#189; 二分之一
¾ &frac34; &#190; 四分之三

相关文章