Reader Level:
ARTICLE

Next Generation of HTML - HTML5

On August 16, 2011 Articles | HTML 5
In this article you will see Brief description of HTML5.
  • 0
  • 0
  • 3567

HTML 5

 
Html 5 is next generation of HTML and it's defined by W3C. HTML5 introduces a number of new elements and attributes that reflect typical usage on modern websites. Some of them are replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block), <footer> (usually referring to bottom of web page or to last lines of HTML code), or <audio> and <Video>instead of <object>.

 

Features

Some of the most interesting new features in HTML5:

  • The canvas element for drawing
  • The video and audio elements for media playback
  • Better support for local offline storage
  • New content specific elements, like article, footer, header, nav, section
  • New form controls, like calendar, date, time, email, url, search

Browser Support

HTML5 is not yet an official standard, and no browsers have full HTML5 support.

But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.

 

 Following are the some examples of new attributes in HTML5

 

Code example of <Video> tag :

 

 

<!DOCTYPE HTML>
<html>
<body>

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>

</body>
</html>

 
 

Code example of <Audio> tag :

 

 

<audio controls="controls">
  <source src="horse.ogg" type="audio/ogg" />
  <source src="horse.mp3" type="audio/mp3" />
  Your browser does not support the audio element.
</audio>

 
 

Code example of <footer> tag :

 

 

<!DOCTYPE HTML>

<html>

<body>

 

<footer>Copyright&copy; reserved</footer>

 

</body>

</html>

 


Code example of < canvas > tag :

 

 

<canvas id="myCanvas" width="200" height="100"></canvas>

 

  
HTML 5 improves interoperability, and reduces development costs, by making precise rules on how to handle all HTML elements, and how to recover from errors.

Biswa Pujarini Mohapatra

Biswa Pujarini has over 9 years of experience in Microsoft technologies. She is working at Microsoft R&D India as Development lead. She has worked on various domains. She is a active blogger, deve...

  • 137rank
  • 321K readers
  • 1times
COMMENT USING

Trending up