DEV Community

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

Posted on • Originally published at infocam.blog

2 2

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)

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay