July 3, 2012 by Parv, under Web Development. Email this article to a friend
New Tags in HTML5:
<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
<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>
<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:
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”
HTML5: DOCTYPE is required to enable standards mode for HTML documents.
- 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: Works with all old browsers.
HTML5: Most of modern browser have started supporting HTML5 specification e.g. Firefox, Mozilla, Opera, Chrome, Safari etc.