Years back the first computer language i learnt by reading a book and practicing on my computer was the HTML. The awesome book which i still own is called as the ‘Black Book of HTML’ a recommended publication for anyone who has just started learning about the computers and programming because this is something which could be the base of all. Time passed away and now we are into the era of HTML5 where the HTML elements are handled with better rules and lower number of errors. Most of the Tags are still the same but there are a few new Tags being introduced which directly make you understand the element you are referring to.
The new functions, tags introduced in the HTML 5 are useful in directly embedding video files, audio files, graphics, data storage and documents. There are thousands of companies which implement this like the Apple iPad which supports HTML5 and does not support Adobe Flash which is the very reason developers are more interested in this and are learning about all the new tags.
You can understand What is HTML5 from our other article, but in this article we are going to give you a short example on how these Markups would look and would it be easy to write them and also understand them at the same time.
Here is a HTML4 based Mark up which gives you a brief idea on the Elements used in the current time. While most of the Blogs would have a header, then the design is divided into different columns or sections being the content and sidebars, hence the Markup codes would show it under the sidebar, post class followed by the last footer section which is also the closing part.
It was analyzed by the HTML 5 Editor from Google that out of Billions of pages, the website developers were using footer, header, nav, menu, content, and main tags more often and in HTML4 they could not Mark up the footer or header elements of its own, hence it was needed for a better version of HTML. The following sample of code is based on the HTML 5 Mark up.
You can easily find the difference between both the HTML versions where in all the elements are marked in such a way that you can easily understand them.
Sample Mark Up Code : Here is a sample code which would be the beginning of writing a page based on HTML5.
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
The whole code is marked up in such a way that anyone can easily recognize them and find out the value of the same. The Header Tag is listed under the body section and it represents the Header Part of the page which can include sub-headings and by lines as shown below.
<header>
<h1>Understanding HTML 5</h1>
<p class="byline">By Amit Bhawani</p>
</header>
<header>
<h1>Amit Bhawani Blog</h1>
<h2>Learn Technology in Simple Ways</h2>
</header>
