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

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.



Transitioning through HTML versions


html-trans.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

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
  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
  3. Compatibility:
    Some browsers interpret the <br> and <br /> in different manners.


    image.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)