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.

Discussion (0)