DEV Community

Cover image for The New Manuscript
Manu Martinez
Manu Martinez

Posted on • Updated on

The New Manuscript

Hi guys, long time no see! πŸ‘‹

I'm here again with another post about html, today we'll go into the evolution of the website!
To understand today's post I suggest you to read the previous one!
(So πŸƒ to it and come back later ) OK? Well, let's going to start with the post: πŸ˜‰

The evolution of websites:

As you may remember, in the past, tables were the first way to organise websites, and it was freaking horrible 😱 to layout them! because the content never fit well at all and over and above, almost all browsers followed their own rules, making web development a real challenge πŸ’ͺ🏁 .

It's obvious the worth problem which they caused on web developers life, because they were very complicated and difficult to learn due to the lack of documentation. ( the god of Stack Overflow didn't exist, yet 🀣) . For all this, the W3Consortium was created, whose aim was to guarantee the correct growth of all the websites.

When the software came to seem wiser, the way to structure website came to a most easy structure, the div tag became more powerful than ever. Everything began to be build under this tag, which was the flagship of the HTML4 standard, nevertheless in HTML5, the so-called semantic tags emerged, which are nothing more than the HTML4 tags building a new tag with more sense .

It's an interesting story isn't it?
Well, let's give it some color! So, it was such old websites looked likes πŸ˜ƒ.

HTML old.png

and this is a modern one:

HTML new.png

A great change right? πŸ€ͺ

Ok, as I said you, the semantic tags allowed a better understanding between developer-website-search engine, and how this is possible?
Let's trying to see on an example πŸ˜‰

  • Sensible structures for developers:
    By not having to use the same DIV tag all the time and differentiate only by classes the development time of your website is greatly reduced, and then, why?
    The reason is that errors are easier and easier to find, you just have to do a quick search without getting lost among so many "divs".

  • ** An improvement in the speed of loading the page:**
    If tags are considerately reduced we can see that website will load faster, also its SEO will improve a lot, taking more advantage about how your website will look like.

Well, that's a lot for today, isn't it? I think we call it a day 🀩🀩🀩!
Thanks for following the blog and remember to always be the best version of you!

Discussion (0)