在 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>
结果:
来源: http://www.css88.com/qa/html5/11432.html