- HTML5+CSS3+JavaScript 从入门到项目实践（超值版）
- 聚慕课教育研发中心
- 588字
- 2020-08-28 21:48:39
2.9 其他标签
在前面已经介绍了许多经常使用的标签，下面介绍一些其他的标签。
2.9.1 水平线标签
在网页中，如果想要将上下内容分隔开，可以使用水平线标签<hr>，<hr>水平线特的点是100%宽度水平分隔线，并且独占一行，<hr>水平线将上下内容分隔一定距离。
【例2-11】（实例文件：ch02\Chap2.11.html）水平线标签。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>水平线</title>
</head>
<body>
<div></div>
一位哲人曾经说过："人生最大的悲剧莫过于,人们毕其一生的时间,努力去攀登成功的梯子,当爬到梯子的顶部时,才猛然发现,这个梯子靠在了一个错误的建筑上。"
<hr>
倘若目标错了,那么无论你在梯子上攀登得多快,攀登得多高,哪怕是第一个到达目的地也毫无价值。攀上正确的梯子,才是最为重要的事情。
</body>
</html>
相关的代码实例请参考Chap2.11.html文件，在IE浏览器中运行的结果如图2-15所示。
图2-15 水平线标签
2.9.2 插入空格
在通常情况下，都是使用空格键来插入多个空格，而在编写代码中，通过空格键打出的空格，会被HTML自动忽略。HTML将这样的空格视为空白字符，并显示为单个空白间隔。在HTML 5中，经常使用 来插入空格。
【例2-12】（实例文件：ch02\Chap2.12.html）插入空格。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>插入空格</title>
</head>
<body>
空 格
</body>
</html>
相关的代码实例请参考Chap2.12.html文件，在IE浏览器中运行的结果如图2-16所示。
图2-16 插入空格
2.9.3 插入特殊字符
如果要在标签中插入特殊字符，可以使用“&”开头、“;”结尾，中间加上特殊字符对应的编码即可，如上面介绍的空格。假如要在HTML插入小于号，只需在要使用的位置插入“<”即可。具体代码参考下面案例。
【例2-13】（实例文件：ch02\Chap2.13.html）插入特殊字符。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>插入特殊字符</title>
</head>
<body>
<input type="text" value="1<10">
</body>
</html>
相关的代码实例请参考Chap2.13.html文件，在IE浏览器中运行的结果如图2-17所示。
图2-17 插入特殊字符