Even though HTML 5 has not been a W3C recommendation yet, its is good to start understanding and working with it because it is the the Future of Web Designing and Development. HTML 5 has brought in some cool new features like embedding audio, video, graphics, client-side data storage, and interactive documents in the Web Pages. It is expected to bring Clarity and reduce development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.
There have been quite a few new Tags which are being introduced in HTML 5 which were not present in the earlier versions of HTML. Also, about 15 tags have been removed from the list. Lets us know about the New Tags here:
The tag defines external content. The external content could be a news-article from an external provider, or a text from a web log (blog), or a text from a forum, or any other content from an external source.
The tag defines some content aside from the content it is placed in. The aside content should be related to the surrounding content.
The tag defines sound, such as music or other audio streams.
The <canvas> tag is used to display graphics. The <canvas> tag is only a container for graphics, you must use a script to actually paint graphics.
The <command> tag defines a command button, like a radiobutton, a checkbox, or a button. The command element must be inside a menu element. If not, it will not be displayed.
The <datalist> tag defines a list of options. Use this element together with the input element, to define which values the input element can have. The datalist and its options will not be displayed, it is only a list of legal input values. Use the input element’s list attribute to bind it together with a datalist.
The <details> tag is used to describe details about a document, or parts of a document.
The <embed> tag defines embedded content, such as a plug-in.
The <figcaption> tag contains a caption for the “figure” element. The “figcaption” element should be placed as the first or the last child of the “figure” element.
The <figure> tag is used to group some elements. The content inside a figure element is stand-alone content, typically used to explain parts of a document, but also able to move from the document and put somewhere else.
The <footer> tag defines the footer of a section or document. Typically contains the name of the author, the date the document was written and/or contact information.
The <header> tag defines an introduction to the document.
The <hgroup> tag defines the heading of a section or a document. The hgroup element is used to group headers, <h1> to <h6>, where the largest is the main heading of the section, and the others are sub-headings.
The <keygen> tag defines a generated key.
The <mark> tag defines marked text. Use the <mark> tag if you want to highlight parts of your text.
The <meter> tag defines a measurement. Used only for measurements with a known minimum and maximum value.
The <nav> tag defines a section of navigation.
The <output> tag defines different types of output, such as output written by a script.
The <rp> tag is used in ruby annotations, to define what to show browsers that do not support the ruby element. A ruby annotation is Chinese notes or characters. Used in East Asia, to show the pronunciation of East Asian characters.
The <rt> tag defines an explanation or pronunciation of characters (Chinese notes or characters). Used in East Asia, to show the pronunciation of East Asian characters.
The <ruby> tag defines a ruby annotation (Chinese notes or characters). Used in East Asia, to show the pronunciation of East Asian characters. Use together with the <rt> and/or the <rp> tags:
The ruby element consists of one or more characters (that needs an explanation/pronunciation), and a rt element that gives that information, and optionally a rp element that defines what to show browsers that do not support the “ruby” tag.
The <section> tag defines sections in a document. Such as chapters, headers, footers, or any other sections of the document.
The <source> tag defines media resources for media elements, such as <video> and <audio>.
The <summary> tag contains a header for the “details” element, which is used to describe details about a document, or parts of a document.
The <time> tag defines a time or a date, or both.
The <video> tag defines video, such as a movie clip or other video streams.
I would like to hear from you all, How do you think these latest Tags and Web-development and Designing practices are going to change the People who Design Web Pages?