• HTML <!--...--> 注释标签
  • HTML <!DOCTYPE> 声明
  • HTML <a> 标签
  • HTML <abbr> 标签
  • HTML <acronym> 标签 - HTML5 不支持
  • HTML <address> 标签
  • HTML <applet> 标签 - HTML5 不支持
  • HTML <area> 标签
  • HTML <article> 标签
  • HTML <aside> 标签
  • HTML <audio> 标签
  • HTML <b> 标签
  • HTML <base> 标签
  • HTML <basefont> 标签 - HTML5 不支持
  • HTML <bdi> 标签
  • HTML <bdo> 标签
  • HTML <big> 标签 - HTML5 不支持
  • HTML <blockquote> 标签
  • HTML <br> 标签
  • HTML <button> 标签
  • HTML <canvas> 标签
  • HTML <caption> 标签
  • HTML <body> 标签
  • HTML <center> 标签 - HTML5 不支持
  • HTML <cite> 标签
  • HTML <code> 标签
  • HTML <col> 标签
  • HTML <colgroup> 标签
  • HTML <command> 标签
  • HTML <datalist> 标签
  • HTML <dd> 标签
  • HTML <dl> 标签
  • HTML <dt> 标签
  • HTML <del> 标签
  • HTML <details> 标签
  • HTML <dfn> 标签
  • HTML <dialog> 标签
  • HTML <dir> 标签 - HTML5 不支持
  • HTML <div> 标签
  • HTML <embed> 标签
  • HTML <fieldset> 标签
  • HTML <figcaption> 标签
  • HTML <figure> 标签
  • HTML <font> 标签 - HTML5 不支持
  • HTML <footer> 标签
  • HTML <frame> 标签 - HTML5 不支持
  • HTML <frameset> 标签 - HTML5 不支持
  • HTML <head> 标签
  • HTML <header> 标签
  • HTML <hgroup> 标签
  • HTML <h1> - <h6> 标签
  • HTML <hr> 标签
  • HTML <em> 标签
  • HTML <i> 标签
  • HTML <iframe> 标签
  • HTML <img> 标签
  • HTML <input> 标签
  • HTML <ins> 标签
  • HTML <kbd> 标签
  • HTML <keygen> 标签
  • HTML <label> 标签
  • HTML <legend> 标签
  • HTML <li> 标签
  • HTML <link> 标签
  • HTML <map> 标签
  • HTML5 <mark> 标签
  • HTML <menu> 标签
  • HTML <meta> 标签
  • HTML <meter> 标签
  • HTML <nav> 标签
  • HTML <noframes> 标签HTML5不支持该标签
  • HTML <noscript> 标签
  • HTML <object> 标签
  • HTML <ol> 标签
  • HTML <optgroup> 标签
  • HTML <output> 标签
  • HTML <option> 标签
  • HTML <p> 标签
  • HTML <param> 标签
  • HTML <form> 标签
  • HTML <pre> 标签
  • HTML <html> 标签
  • HTML5 <progress> 标签
  • HTML <q> 标签
  • HTML <rp> 标签
  • HTML <rt> 标签
  • HTML <ruby> 标签
  • HTML <s> 标签
  • HTML <samp> 标签
  • HTML <script> 标签
  • HTML <section> 标签
  • HTML <select> 标签
  • HTML <small> 标签
  • HTML <source> 标签
  • HTML <span> 标签
  • HTML <strike> 标签 - HTML5 不支持
  • HTML <strong> 标签
  • HTML <style> 标签
  • HTML <sub> 标签
  • HTML <summary> 标签
  • HTML <sup> 标签
  • HTML <table> 标签
  • HTML <tbody> 标签
  • HTML <td> 标签
  • HTML <textarea> 标签
  • HTML <tfoot> 标签
  • 移除HTML标签的正则表达式 iis7站长之家
  • HTML <thead> 标签
  • HTML <time> 标签
  • HTML <title> 标签
  • HTML <tr> 标签
  • HTML <track> 标签
  • HTML <tt> 标签 - HTML5 不支持
  • HTML <u> 标签
  • HTML <ul> 标签
  • HTML <var> 标签
  • HTML <video> 标签
  • HTML <wbr> 标签
  •  
    当前位置:  教程>HTML标签参考手册

    HTML <br> 标签

     
        发布时间:2017-1-14  


        本文导语: HTML<br>标签html <br>标签怎么用?html br可以成对么?标准是<br />不标准的<br><br/>都可以用,浏览器都认得,不过建议用标准的,写一个就是换一行。实例以下代码标记一个换行:<p> 使用 br 元...

     

    HTML <br> 标签

    实例

    以下代码标记一个换行

    <p> 使用 br 元素<br>在文本中<br>换行。 </p>


    浏览器支持

    Internet Explorer Firefox Opera Google Chrome Safari

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


    标签定义及使用说明

    <br> 标签插入一个简单的换行符

    <br> 标签是一个空标签,意味着它没有结束标签

       <br>和<br/>具有相同作用,但前者是老的html规范,新的规范(W3C//DTD HTML 4.0)要求一切都应象XML那样有结束符,如果没有也要硬加一个反斜杠。象br这种不需成对使用的html符号,就成了这个样子:<br/>。目前来说浏览器并不细分这二者有什么区别,但日后可能逐渐统一到新标准上来,而<br>最终将不在被浏览器支持。

    1、综合介绍<br>标签和<p>标签

    首先,相同之处是br和p都是有换行的属性及意思

    其次,区别<br />是只需一个单独使用,而<p>和</p>是一对使用

    再次,br标签是小换行提行,p标签是大换行(分段)各行作用。

    Br实例,特别注意是br的web标准是<br />,而如果用<br>没有"/"虽然效果相同,但是是不符合w3c标准的。

    这个是<p>标签实例,可以看出使用html p标签是换了一个大行,有一个空白行样式

    在未对p设置css样式时候,一般使用一个<p>段落标签效果等于使用两个<br />换行标签效果。

    使用p标签的时候需要注意的是需要<p>和</p>是一对配合使用的,可见以上图例即可了解与理解。

    当然可以让p标签换行与br换行一样没有空白,可以使用css对对应p标签进行设置margin:0; padding:0;即可实现,实例p{ margin:0; padding:0;},即可实现<p>等于一个<br />。

    2、<P>和<br />标签区别 

    P是使用一对<p></p>组合标签,而br独立一个<br />闭合标签。

    (1)、P段落标签介绍

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

    (2)、Br强制换行标签介绍

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

    通常同等初始化下网页里,要实现上下文字间隔相同,2个br换行标签相当于使用p段落标签。

    Html P段落与html Br换行对比案例HTML代码片段

    第一行文字 www.<br /> 
    第二行文字<br /><br /> 
    第三行文字<br /> 
    第四行文字 
    <p>第一段文字</p> 
    <p>第二段文字</p> 
    <p>第三段文字</p>

    (3)、br与p总结

          我们需要文字小换行时候我们使用br换行标签,如果要实现段落可以使用p标签,这样HTML结构清晰有利于搜索引擎与用户阅读文章,适当的段落与换行布局应该从用户阅读习惯


    提示注释

    提示:在写地址信息或者写诗词时 <br> 标签非常有用。

    注释: 请使用 <br> 标签来输入空行,而不是分割段落。


    HTML 4.01 与 HTML5之间的差异

    无。


    HTML 与 XHTML 之间的差异

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

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


    全局属性

    <br> 标签支持 HTML 的全局属性。


    事件属性

    <br> 标签支持 HTML 的事件属性。


    相关文章

    HTML 教程:HTML 段落


    • 本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:HTML <br> 标签
    相关文章推荐:


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3