New Elements Are Introduced to HTML5

HTML5 introduces new elements to allow you to control
your code. Broadly, the new elements cover these main
functions:
• Blocking of content on the page
• Media management
• Form structure
The blocking of content in HTML is traditionally accomplished
using either complex tables or the infamous DIV element.
HTML5 introduces several new elements that allow you to
easily insert blocks of content into the page. Conveniently, these
new elements have names that identify what the block of content
accomplishes:
• HEADER
• SECTION
• ARTICLE
• ASIDE
• FOOTER
• NAV
The role of the new page layout elements is to better
describe specific parts of a document. Think of the new tags as
behaving in a similar way to how you approach writing a document
in Microsoft Word. A typical Word document is built up of
sections of content that can be separated in paragraphs, sidebars,
and header and footer sections. The new blocking elements
in HTML5 approach HTML code in logical sections, or
blocks.
The FORM element, in HTML5, has also received its first major
upgrade since HTML2, back in 1994. Forms 2.0, as it is sometimes
referred to, enables you to add the following visual effects to form
fields:
• Format the form for adding only telephone numbers.
• Allow a form field that is picking a web address to validate it
against the client browser history.
• Format a field to only accept valid email addresses.
• Enable a field to pick from a calendar to choose a date.
• Force a field to be the first default field in the form.
• Highlight fields that are required.
With Forms 2.0, the rich functionality you need in a form is
built directly into HTML—there is no need for Ajax, Flash, or any
other technology