HTML 5 Basic

Posted: February 3, 2013 in HTML 5

Last week a friend of my that is Web Programming teacher in the University, told me that in is discipline this semester he have to teach HTML 5 and in the first classes we had a lot of difficult to explain to some of the students who are web developer’s the why of HTML5 new tags. When we talk about semantic the students start asking about microdata and all they care about hmtl 5 is the death of flash.

This reminds me some discussions i had in the past about HTML and the need to learn and change to HTML 5, so i decided to wirte this post for the ones who are learning/teaching or needing to understand the why of  HTML 5. This post is also a “resume” of the way i typically use to teach HTML 5 to developer’s or to explain to some clients what’s HTML 5.

Not a long time ago if we make a big search in the HTML development almost all the HTML development on the web follow the following struture, so this structure is not strange.

html5 inspiration

Almost everyone was using this structured in their development, this was made for different reasons like the need to have a structure compatibly with some of the JavaScript platforms or CSS framework, or the need to transmit semantic to different system’s developer’s or languages. So if semantic is a issue and a lot of people are using this pattern in a useful way, why not to use each decoration of this tags as first citizens as tags. In response to that the work group that was working in HTML had understand the need to create new semantic tags to maintain structured the HTML language. And the structure had evaluated to:



This are just some of the new tags and many times only this painting is not enough to explain what is the role played by each one of this elements, so we had made a grid to help you:

semantic htl5



I hope this post can help you to have a better understanding of what are the reason who had take W3C to normalize this new tags, why the name is that and what is the reason for his creation.

HTML 5 brings a lot of other great things that deserve a look like Forms , Video or Canvas, their are other advanced ways to specefy semantic  that worth some of your time study.


  1. Monica says:

    I have been browsing online greater than three hours nowadays, but I
    never discovered any interesting article like yours.
    It is beautiful worth sufficient for me.

    Personally, if all site owners and bloggers made excellent content material as you probably
    did, the internet will be a lot more useful than ever before.

  2. Very great post. I just stumbled upon your weblog
    and wished to say that I’ve really loved surfing around your weblog posts.
    In any case I’ll be subscribing to your rss feed and I’m hoping you write once more
    very soon!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s