首页 web前端 html教程 html br标签是什么意思?还有html<br/>和</br>的区别是什么?

html br标签是什么意思?还有html<br/>和</br>的区别是什么?

Aug 25, 2018 am 09:40 AM
br html

本篇文章主要为大家介绍了关于HTML br的标签,有些学过html的人都不知道br标签到底要不要有闭合标签呢,到底是不是个双标签呢,本篇文章就为大家解释了这个问题,在什么时候用html br标签的双标签形式,和用html br单标签的形式,当然了,本篇对于小白来学习也是可以的,因为介绍了html 基础标签中的br标签的用法和一些作用都在里面,接下来一起来看吧

html br标签的定义和作用:


可插入一个简单的换行符。


标签是空标签(意味着它没有结束标签,因此这是错误的:

)。在 XHTML 中,把结束标签放在开始标签中,也就是

请注意,
标签只是简单地开始新的一行,而当浏览器遇到

标签时,通常会在相邻的段落之间插入一些垂直的间距。

html br标签的clear属性:

如果您希望文本流在内联表格或图像的下一行继续输出,请使用 clear 属性,该属性有三个可选的值:left、right 或者 all,每个值都代表一个边界或两边的边界。

html br标签的实例:

This text contains<br />a line break
登录后复制

html br标签的显示效果:

This text contains

a line break

不明显?没事,小编继续来写个简单的html br代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这是一个段落,一段话,很长很长很长很长很长<br/>我是分行是换一行显示的很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长<br/>我是分行是换一行显示的很长很长很长很长很长很长很长很长很长很长<br/>我是分行是换一行显示的很长很长很长很长很长很长</p>
</body>
</html>
登录后复制

这是html br显示效果图:

tuyi.png

html br标签的注意点:

  • 多个br标签可以连续使用,使用了多少个br标签就会换多少行

  • 由于HTML的作用就是用来给文本添加语义,而br标签的语义是不另起一个段落换行,而在企业开发中的一般情况下需要换行都是因为需要另起一个段落,所以在企业开发中很少使用br标签

html

的区别:

在早先发布的html规范中
/


/等标记元素是无需“封闭自身”的,这就造成了html规范本身的不严谨,所以后来参考了更规范的XML语言的语法推出了xhtml。

在xhtml中所有类似br这样的孤立标签都需要自行封闭,具体的做法就是在标签名字的后面跟个“/”,例如
,因此,是没有
这个写法的。从逻辑上讲
=
...
,这样做的目的是为了尽量减少网页的代码量,同时保持逻辑严谨。

按照xhtml的标准,标签都必须成对出现,不能成对的标签也需要结束符

所以br的写法包括


其实你写个代码测试一下就知道,

这样写不表示换行一次,而是两次

HTML是SGML的子集,SGML允许标签没有结束标签,而换行符元素正好不需要内嵌元素,也就不需要结束标签。所以在HTML中,应该写成

XHTML是XML的子集,在XML中,标签必须要有结束标签。所以在XHTML中只写
是不符合语法的,必须写成

或简写成

在XHTML的发展过程中,要做到兼容旧的HTML浏览器。而旧的HTML浏览器不理解(错误理解)这两种写法,对于第一种写法,某些浏览器估计会理解成两个
标签(我没有资料证明这一点),对于第二种写法,某些浏览器会理解成一个叫"br/"的标签。所以在兼容HTML的XHTML中我们通常把它写成
,这样在HTML解析中会理解成有一个叫"/"的属性的"br"标签,在XML解析中仍然会理解成

的简写,达到了两全其美的效果。

浏览器支持

所有浏览器都支持
标签。

HTML 与 XHTML 之间的差异

在 HTML 中,
标签没有结束标签。

在 XHTML 中,
标签必须被正确地关闭,比如这样:

【小编的相关文章】

html5 canvas标签的作用以及canvas标签的历史由来介绍

html5 ruby标签的定义及使用方法详解(内有实例介绍)

以上是html br标签是什么意思?还有html<br/>和</br>的区别是什么?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

HTML 输入占位符 HTML 输入占位符 Sep 04, 2024 pm 04:54 PM

HTML 输入占位符指南。在这里,我们讨论 HTML 输入占位符的示例以及代码和输出。

在 HTML 中移动文本 在 HTML 中移动文本 Sep 04, 2024 pm 04:45 PM

HTML 中的文本移动指南。在这里我们讨论一下marquee标签如何使用语法和实现示例。

HTML onclick 按钮 HTML onclick 按钮 Sep 04, 2024 pm 04:49 PM

HTML onclick 按钮指南。这里我们分别讨论它们的介绍、工作原理、示例以及各个事件中的onclick事件。

See all articles