DEV Community

Cover image for Best way to break tag in HTML
Steve Yonkeu
Steve Yonkeu

Posted on • Originally published at infocam.blog

Best way to break tag in HTML

Introduction😀

Once upon a time... 😂 No worry guys, I won't narrate a boring story. For each and everyone going into the web development journey, the best roadmap should include HTML as the primary item.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1645028877821/1HudxND-c.png)

What is HTML?🤔

HTML in its full form, Hypertext Markup Language is the basic language when it comes to web development. Officially released in the 90s and nowadays we are up to version 5 (HTML 5). HTML is mainly for web formating and creating pages that are displayed on the world wide web.

![](https://mir-s3-cdn-cf.behance.net/project_modules/disp/33af2611811329.56252ce76a273.gif)

Transitioning through HTML versions

![html-trans.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1645030605202/SBc8t1Ff2.gif)

Going through Html versions we have versions 4 and 5 as trending nowadays.

Main differences between HTML 4 and 5

![html4-vs-5.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1645030927866/CvmVoQ1by.png)

The main differences are as seen in the image above. Last but not least is the Doctype tag at the beginning of HTML5 pages.


HTML5 Structure

<!DOCTYPE html>
<html>
        <head>
             <title>HTML5 basic structure.</title>
       </head>
       <body>
             <header> </header>
             </header>
             <nav> </nav>
             <article> </article>
            <footer> </footer>
      </body>
</html>
Enter fullscreen mode Exit fullscreen mode

HTML4 Structure

<html>
       <head>
             <title>HTML5 basic structure.</title>
       </head>
       <body>
             <div class="header"> </div>
             <div id="new"> </div>
      </body>
 </html>
Enter fullscreen mode Exit fullscreen mode

Difference between <br>, <br/> or <br />

Let's work on this to reduce our items to be differentiated to 2. As concerned with <br/> and <br\> they are the same representation just the gap which has a minor effect on the code output.

<br> 🆚 <br />

  1. Main Language of use :

    In XML(Extended Markup Language) all tags can be self-enclosed like this <tag-name \>. That being said <br \> is the syntax for break statement in XHTML and XML.

    ![image.png](https://techdifferences.com/wp-content/uploads/2018/06/XML-vs-HTML.png)
  2. HTML Versions:

    In HTML earlier versions <br> was not used instead the break statement in use was the borrowed break <br /> from XML.

    ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1645033102476/nEj7eiq_r.png)
  3. Compatibility:
    Some browsers interpret the <br> and <br /> in different manners.

    ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1645033499868/C3c9vbIu9.png)

    Conclusion

    Before jumping into or going deeper into your web dev journey, revise all the new features and special tags that are always coming up.

Top comments (0)