您现在的位置是: 首页 » 网页代码 » HTML中br和p标签的区别是什么?
网页代码

HTML中br和p标签的区别是什么?

网站优化小编十二月 1, 2019 7人已围观

在HTML中br和p标签都可以实现文本的换行效果,那么它们之间有什么区别吗?下面本篇文章就来给大家介绍一下br和p标签的区别,希望对大家有所帮助。

网站运营中栏目排名优化技巧

区别:

在HTML中br标签是换行标签,是一个空标签,它没有结束标签,因此<br></br>的写法是错误的。p标签是段落标签,有结束标签,即<p>和</p>是一起使用的;只不过段落与段落之间默认是换行的。

p标签

<p> 标签是一个段落标签,用于定义段落。

<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

通常文章中段落区分明显上段文字与下段文字有一定间隔我们就可以对上下段文字都使用p标签,我们使用p段落标签,在一段文字开始前使用<p>,在这段文字结束加个</p>标签。段落p标签将让上段与下段文字有一定距离,大概是两倍line-height行高距离。

<html>
<head>
</head>
<title><p>标记的使用</title>
</head>
<body>
<p>清平调<p/>
<p>云想衣裳花想容,</p>
<p>春风拂槛露华浓,</p>
<p>若非群玉山头见,</p>
<p>会向瑶台月下逢,</p>
</body>
</html>

结果:

网站运营中栏目排名优化技巧

br标签

<br>是一个强制换行标签,可插入一个简单的换行符。

<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。

区别于p段落标签,br标签我们用于文段换行排版。换行后上下行文字距离是按line-height行高实现间距。

<html>
<head>
<title>br标记的使用</title>
</head>
<body>
<p align=center>清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<br>
若非群玉山头见,<br>
会向瑶台月下逢。<br>
</p>
</body>
</html>

结果:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:218天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2965 条
  • 文章评论:17 条
  • 微信公众号:扫描二维码,关注我们