HTML5 Tutorial | HTML5 Enhancements

HTML5 Enhancements

There have been several enhancements in HTML5, which are summarized as

HTML 5 New Doctype and Charset

HTML5 new tags – HTML5 has created tags to support newer structural elements as

<section> – to define sections of pages
<header> – defines the header of a page
<footer> – defines the footer of a page
<nav> – defines the navigation on a page
<article> – defines the article or primary content on a page
<aside> – defines extra content like a sidebar on a page
<figure> – defines images that annotate an article

HTML 5 New Inline Elements – These new inline elements define some basic concepts and keep them semantically marked up as

<mark> – to indicate content that is marked in some fashion
<time> – to indicate content that is a time or date
<meter> – to indicate content that is a fraction of a known range – such as disk usage
<progress> – to indicate the progress of a task towards completion

HTML 5 New Dynamic Pages Support – HTML 5 was developed to help Web application developers, so there are a lot of new features to make it easy to create dynamic HTML pages as

Context menus creation and use within web pages and applications
async attribute – This is added to the script tag to tell the browser that the script should be loaded asynchronously so that it doesn’t slow down the load and display of the rest of the page.
<details> – provides details about an element like tooltips.
<menu> – an old tag brought back and given new life allowing to create a menu system on your Web pages
<command> – defines actions that should happen when a dynamic element is activated

HTML 5 New Form Types – HTML 5 adds a few more form input types as datetime, datetime-local, date, month, week, time, number, range, email and url

HTML 5 New Elements – There are a few exciting new elements in HTML 5 as