Features of HTML5 and Differences between HTML and HTML5
July 3, 2012 by Parv, under Web Development. 
Email this article to a friend
New Tags in HTML5:
Semantic/Structural Tags
<article> Defines an article
<aside> Defines content aside from the page content
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<command> Defines a command button that a user can invoke
<details> Defines additional details that the user can view or hide
<summary> Defines a visible heading for a <details> element
<figure> Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption> Defines a caption for a <figure> element
<footer> Defines a footer for a document or section
<header> Defines a header for a document or section
<hgroup> Groups a set of <h1> to <h6> elements when a heading has multiple levels
<mark> Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links
<progress> Represents the progress of a task
<ruby> Defines a ruby annotation (for East Asian typography)
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<rp> Defines what to show in browsers that do not support ruby annotations
<section> Defines a section in a document
<time> Defines a date/time
<wbr> Defines a possible line-break
Media Tags
<audio> Defines sound content
<video> Defines a video or movie
<source> Defines multiple media resources for <video> and <audio>
<embed> Defines a container for an external application or interactive content (a plug-in)
<track> Defines text tracks for <video> and <audio>
Graphics Tags
<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScript)
Form Tags
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation
HTML 4.01 tags that have been removed from HTML5:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>
Difference between HTML and HTML5:
- HTML: Audio and video requires external software support.
HTML5: Audio and video has internal specifications and has separate tags ie <audio> and <video>. - HTML: Finding correct GeoLocation is impossible.
HTML5: JS GeoLocation API helps in identifying location. - HTML: DOCTYPE is much longer as HTML4 is based on SGML-based.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
HTML5: DOCTYPE is required to enable standards mode for HTML documents.
<!DOCTYPE html> - HTML: Vector Graphics is possible with the help of technologies such as VML, Silverlight, Flash etc.
HTML5: Vector graphics is integral part of HTML5 e.g. SVG and canvas - HTML: Does not allow JavaScript to run in browser. JS runs in same thread as browser interface.
HTML5: Allows JavaScript to run in background. This is possible due to JS Web worker API in HTML5. - HTML: Works with all old browsers.
HTML5: Most of modern browser have started supporting HTML5 specification e.g. Firefox, Mozilla, Opera, Chrome, Safari etc.
Loading ...