• 技术文章 >web前端 >html教程

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

    寻∝梦寻∝梦2018-08-25 09:40:13原创33765

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

    html br标签的定义和作用:

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

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

    请注意,<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。

    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标签的注意点:

    html<br/>和</br>的区别:

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

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

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

    所以br的写法包括<br></br><br />

    其实你写个代码测试一下就知道,<br></br>这样写不表示换行一次,而是两次

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

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

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

    浏览器支持

    所有浏览器都支持 <br> 标签。

    HTML 与 XHTML 之间的差异

    在 HTML 中,<br> 标签没有结束标签。

    在 XHTML 中,<br> 标签必须被正确地关闭,比如这样:<br />。

    【小编的相关文章】

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

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:br html
    上一篇:关于html big标签的作用和具体的用法详解(内有代码实例) 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 微信内置浏览器私有接口WeixinJSBridge介绍_javascript技巧• 通过实例掌握BR和P标签的区别_HTML/Xhtml_网页制作• 设置iframe的document.designMode后仅Firefox中其body.innerHTML为br_javascript技巧• 非常不错的模拟打字效果,目前仅支持纯文本、BR标签、和P标签_典型特效• 安装ImageMagick出现error while loading shared libraries的解决方法_php技巧
    1/1

    PHP中文网