vlambda博客
学习文章列表

HTML的特殊符号使用

有些字符在HTML里有特别的含义,比如小于号“<”就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢?

这就要说到HTML字符实体(HTML Character Entities)了。

组成

一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

比如,要显示小于号,就可以写&lt;或者&#60;。

用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

注意:Entity是区分大小写的。

如何显示空格

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用&nbsp;表示空格。

下面是源代码:

<!DOCTYPE html>

<html lang="zh-cn">

<head>

   <meta charset="utf-8">

   <title>html特殊符号使用方法</title>

</head>

<body>

<table border="1" align="center" style="font-size:18px">

   <colgroup span="4">

       <col span="1" style="width:100px;background:#FFFFBB">

        <col span="2" style="width:150px;background:#FF7744">

         <col span="1" style="width:100px;background:#FFFFBB">

   </colgroup>

   <thead>

   <tr align="center"><th>符号</th><th>实体名称</th><th>实体数值</th><th>描述</th></tr>

   </thead>

   <tbody style="">

   <tr align="center"><td></td><td>&ampnbsp</td><td>&amp#160</td><td>空格</td></tr>

   <tr align="center"><td>&lt</td><td>&amplt</td><td>&amp#60</td><td>小于</td></tr>

   <tr align="center"><td>&gt</td><td>&ampgt</td><td>&amp#62</td><td>大于</td></tr>

   <tr align="center"><td>&amp</td><td>&ampamp</td><td>&amp#38</td><td>连接符号</td></tr>

   <tr align="center"><td>&quot</td><td>&ampquot</td><td>&amp#34</td><td>双引号</td></tr>

   <tr align="center"><td>&plusmn</td><td>&ampplusmn</td><td>&amp#177</td><td>正负值</td></tr>

   <tr align="center"><td>&copy</td><td>&ampcopy</td><td>&amp#169</td><td>著作权</td></tr>

   <tr align="center"><td>&reg</td><td>&ampreg</td><td>&amp#174</td><td>注册商标</td></tr>

</thead>

<tr><td colspan="4" style="background:#007799;font-size:18px;text-align:center">其他的特殊符号还有许多就不一一列举</td></tr>

</tfoot>

</table>

</body>

</html>

This browser does not support music or audio playback. Please play it in WeChat or another browser.

         👆🏻👆🏻👆🏻二维码点关注,从此不迷路