HTML5 has introdued some new elements and attributes that make life easier for web developers.HTML5 is a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web.

Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices.A number of new interactive elements were introduced with HTML5 that provide native implementations of common UI widgets like dialogs and modals.

HTML5 is a response to the fact that the HTML and XHTML in common use on the World Wide Web are a mixture of features introduced by various specifications, along with those introduced by software products such as web browsers, those established by common practice.

In particular, HTML5 adds many new syntactic features. These include the new <video>, <audio> and <canvas> elements, as well as the integration of scalable vector graphics (SVG) content (replacing generic <object> tags), and MathML for mathematical formulas. These features are designed to make it easy to include and handle multimedia and graphical content on the web without having to resort to proprietary plugins and APIs.

<strong>New HTML tags for better structure are:</strong> &lt;main&gt;, &lt;section&gt;, &lt;article&gt;, &lt;header&gt;, &lt;footer&gt;, &lt;aside&gt;, &lt;nav&gt; and &lt;figure&gt;, are designed to enrich the semantic content of documents. New attributes have been introduced for the same purpose, while some elements and attributes have been removed.

The &lt;details&gt; and &lt;summary&gt; elements are used in combination to create a UI widget that allows the user to find out more information about a topic by clicking on a summary.
The &lt;details&gt; element is responsible for marking up all of the content relevant to the particular topic. The &lt;summary&gt; element is used to specify a short piece of text that describes the rest of the content in the &lt;details&gt; element.

New HTML5 &lt;datalist&gt; element allows us to store a list of options that will be shown as the users type in the input.

Many features of HTML5 have been built with the consideration of being able to run on low-powered devices such as smartphones and tablets.

Share This: