HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

3.1.2 换行标签<br/>❹❺

前面介绍,<P>标签会自动在段落前后插入空白行,通常两个段落之间的间距比较大。如果并不需要重新创建一个段落,而只是想将内容换行显示,就可以使用<br/>标签。通过<br/>标签实现的换行,两行之间的距离比较紧凑,虽然换行显示,但是它们仍然处在同一个段落中。<br/>标签没有结束标签。

语法格式:

<br/>或者<br> 

语法说明:

目前的浏览器都支持<br>和<br/>两种写法。<br>是HTML4标准,而XHTML规范要求标签必须闭合,因此需要写成<br/>,建议读者采用后者。一个换行使用一个<br>标签,多个换行可以连续使用多个<br>标签。该标签同时被HTML4和HTML5支持。

应用举例(setbr.html):

<!DOCTYPE HTML>  
<html> 
<head> 
<meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> 
<title>使用换行标签</title> 
</head> 
<body> 
 
这里是第一行<br /> 
这里是第二行<br /><br /> 
这里是第四行<br /> 
 
<p>这里是第一段</p> 
<p>这里是第二段</p> 
 
</body> 
</html>  

代码说明:

以上代码中,加粗的部分使用换行标签<br/>来换行显示。

在Chrome浏览器中显示效果如图3-2所示。

47140-00-041-2.jpg

图3-2 换行标签的使用

提示:<br>是唯一可以为文档内容分行显示的标签。而<p>标签可以为文档内容分段。