HTML is one of the oldest web design scripts which actually faded in the recent years due to its pretty old approach. To everyone’s surprise it has come out with in a new form known as HTML5. HTML5 is an advanced version of HTML (Hyper Text Markup Language) with more incredible features to enhance website performance. The reason for HTML’s comeback was people behind Apple, Mozilla and Opera who were actually worried about the non-focus of HTML among web designers. During the later months of 2009, W3C announced the future development of HTML and XHTML as HTML5. Then, it became obvious  that HTML is going to take center stage again and play a vital role in the future of web development.

Note: HTML5 has to spelled just like the same, there is no space in between the L and 5.

What is HTML5 all about?

HTML5 is the revision of current HTML. HTML5 uses specific script, which  reduces the function of rich Internet applications such as Flash player and JavaFX.

Elements in HTML5

HTML5 comes with pretty cool elements structure such as  header, footer, nav, video and audio element. Unlike normal HTML, HTML5 uses specific elements to denote its function. If you have a look at the standard HTML script,  it looks bit stuffy to figure out the header, footer, sidebar, navigation and menu because standard HTML script uses div to create structure. But HTML5 does this job much simpler by using specific element sections. Sounds good? Yes it is.

Here are some examples of HTML5 elements:

Section: It means a section in the part of the script. Section will give more clear idea of how the total script works.

Sample HTML5 script

<section id=”category”>

Sample standard HTML script

<div id=”container”>

Header: It defines page header shown on the page. This is not the usual head tag used in standard HTML.

Sample HTML5 script

<header id=”advertisement”>

Sample standard HTML script

<div id=”header”>

Footer: It defines page footer of the page. It is where we print our information.

Sample HTML5 script

<footer id=”site info”>

Sample standard HTML script

<div id=”footer”>

Nav: Nav is a set of links, used to link other pages.

Sample standard HTML script

<nav><ul>
<li><a href=”http://yoursite.com”>home</a></li>

<li><a href=”http://yoursite.com/portfolio”>portfolio</a></li>

Sample HTML5 script

<div class=”navigation”>

Article: It defines a particular portion of the web page, such as content of the blog or website.

Sample HTML5 script

<li><article>
</article></li>

Sample standard HTML script

<div class=”post”>

Aside: It refers to the sidebar in the web page, which usually contains recent comments, categories, etc.

Sample HTML5 script

<aside id=”post”></aside>

HTML5 does not support some of the popular tags like <applet>, <font>, <frame>. Click here to know more in detail about  HTML 5 tags

Overall HTML5 is definitely going be the future of web design, but as of now we need to wait for the full functionality of HTML and we hope soon popular web browsers like Mozilla and IE will provide full support for HTML5.

Popularity: 3%