Html5 introduces many new elements to HTML. After the development of HTML stopped in 1999 with HTML 4, there was a long gap. The W3C, the standard body that governs all web technologies has announced May 2011 as the last call to make any additions
or changes to the HTML5 standard. After this there will be a long testing phase until 2014 which is what declared as launch year of HTML 5 by W3C.
The HTML5 development team is providing written API’s to the major browser so that they can make their browser fully supported in their future versions to the HTML5 features. Now web application development will be as easy as desktop applications development.
How HTML5 is different and better from HTML4
HTML 4 follows the syntax from Standard Generalized Markup Language (SGML).But in HTML 5 the W3C focused its efforts on changing the underlying syntax of HTML from SGML to XML, as well as completely new markup languages like Scalable Vector Graphics (SVG), XForms, and MathML.
New Doctype declaration in HTML 5
In HTML5 you don’t have to write long Doctype. Instead you can just write
The reason for this is already explained above. HTML 5 no longer follows SGML.
HTML 5 Structure
HTML5 defines so many new tags. It defines tags according to the web pages. As web pages have header, footer, section, article, aside, figure and nav. In HTML 5 you will find all these.
<section> : Defines sections
<footer> : Defines footer.
<header>: Defines header.
<article> : Defines article in a page(basically main content).
<nav> : Defines navigation.
<aside> : Defines the sidebar on a page.
<figure> : Defines images within main content or within in articles.
From the above elements aside, figure and dialog are purely block level elements.
HTML5 Semantic Inline Elements
Mark : The m element indicates text that is marked in some fashion but not emphasized.
( m can change to mark as it is in conflicted list.)
Time : The
time element helps browsers recognize times in HTML pages.
Meter : The meter element defines a numeric value in a range.
The meter element pokies online has 6 attributes :
Lets take an example to understand better :
<meter value="8" min="0" max="10" low="3" high="9" optimum="10">B </meter>
To calculate the grade of a student one needs to have all attributes. The value is the marks obtained by the candidate , min is the minimum value , max is the maximum value, low is the value of the lowest marks by obtained by a student in the class, high is the highest marks obtained by a student in the whole class and optimum is the total marks.
Progress :The progress element shows the state of a process in a progress bar. To show a downloading window progress bar we will use the progress bar.
<progress value="670" max="1024">65%</progress>
HTML5 Media Embedded Elements
Video : The video element allows the embedding of video formats.
Audio : Audio element is useful if you want to attach the background music to the web pages.
In HTML 5 there would be no inline and embedded styling. All the styling will be done in separate stylesheet file. This will reduce the page load time.
If you want to know about the HTML 5 localstorage feature, pls visit our HTML5 Local Storage.