HTML的特殊符号使用
有些字符在HTML里有特别的含义,比如小于号“<”就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢?
这就要说到HTML字符实体(HTML Character Entities)了。
组成
一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。
比如,要显示小于号,就可以写<或者<。
用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。
注意:Entity是区分大小写的。
如何显示空格
通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。
下面是源代码:
<!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>&nbsp</td><td>&#160</td><td>空格</td></tr>
<tr align="center"><td><</td><td>&lt</td><td>&#60</td><td>小于</td></tr>
<tr align="center"><td>></td><td>&gt</td><td>&#62</td><td>大于</td></tr>
<tr align="center"><td>&</td><td>&amp</td><td>&#38</td><td>连接符号</td></tr>
<tr align="center"><td>"</td><td>&quot</td><td>&#34</td><td>双引号</td></tr>
<tr align="center"><td>±</td><td>&plusmn</td><td>&#177</td><td>正负值</td></tr>
<tr align="center"><td>©</td><td>&copy</td><td>&#169</td><td>著作权</td></tr>
<tr align="center"><td>®</td><td>&reg</td><td>&#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>