Differences from HTML 4.01 and XHTML 1.x


Differences from HTML 4.01 and XHTML 1.x

Differences from HTML 4.01 and XHTML 1.x

Differences from HTML 4.01 and XHTML 1.x

Differences from HTML 4.01 and XHTML 1.x


The HTML5 has been updated with adding some advanced features, removing some hindering features and modifying some useful features in a better way. Here are the list of some introductory features been added in HTML5.


The following elements have been introduced for better structure:


        Section The section element represents a generic section of a document or application section. It is a thematic group of content with a heading that can be used together with h1, h2, h3, h4, h5, and h6 elements to indicate the document structure. It is not a generic container element and should be used only where the element?s contents would be listed explicitly in the document's outline.    


        article element refers to a particular self-contained composition in form of document, blog, newspaper or magazine article, user submitted comment, interactive widget or gadget, or any other independent item of content. The nested form of the article represents the most inner articles are principle and related to the contents of the outer article.


        aside element represents a piece of content that is only slightly related to the rest of the page. It can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements and is considered separate from the main content of the page.


        hgroup denotes the heading of a section. The element is used to group a set of h1-h6 element. The h1-h6 represents the highest ranked element in which h1 id the highest and h6 the lowest.


        header element denotes a group of introductory or navigational aids intended to usually contain the section's heading (an h1?h6 element or an hgroup element). It can also be used to wrap a section?s table of contents, a search form, or any relevant logos.


        footer element denotes the content written on the bottom area of the page. It represents footer for its nearest ancestor sectioning content or sectioning root element. This element tells the information about the author, copyright information, et cetera. Though footer element resides at the end of the section, but it is not necessary to be exist at the end of the section. A footer can also contains entire sections, they represents like appendices, indexes, long colophons, verbose license agreements, and other such content.


        nav represents a section of the document intended for navigation.


        figure represents a piece of self-contained flow content, typically referenced as a single unit from the main flow of the document.


            <video src="URL"> 

      figcaption can be used as caption (it is optional).


Then there are several other new elements:


        video and audio for multimedia content. Both provide an API so application authors can script their own user interface, but there is also a way to trigger a user interface provided by the user agent. source elements are used together with these elements if there are multiple streams available of different types.


        embed is used for plugin content.


        mark represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context.


        progress represents a completion of a task, such as downloading or when performing a series of expensive operations.


        meter represents a measurement, such as disk usage.


        time represents a date and/or time.


        ruby, rt and rp allow for marking up ruby annotations.


        wbr represents a line break opportunity.


        canvas is used for rendering dynamic bitmap graphics on the fly, such as graphs or games.


        command represents a command the user can invoke.


        details represents additional information or controls which the user can obtain on demand. The summary element provides its summary, legend, or caption.


        datalist together with the a new list attribute for input can be used to make comboboxes:


      <input list="browsers">

      <datalist id="browsers">

       <option value="Safari">

       <option value="Internet Explorer">

       <option value="Opera">

       <option value="Firefox">



        keygen represents control for key pair generation.


        output represents some type of output, such as from a calculation done through scripting.


The input element's type attribute now has the following new values: