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

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

寻∝梦
发布: 2018-08-25 09:40:13
原创
36944 人浏览过

本篇文章主要为大家介绍了关于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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板