New Markup Using HTML 5
It provides a number of new elements and attributes. Some of them are replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block) and <footer>. Other elements provide new functionality through a standardized interface, such as the <audio> and <video> elements.
The HTML5 syntax is no longer based on DOCTYPE, SGML despite its markup being very close. It has, however, been designed to be backward compatible with common parsing of older versions of HTML. It comes with a new introductory line which looks like <!DOCTYPE html>, which enables standards-compliant rendering in all browsers that use "DOCTYPE sniffing"
New Elements Introduced In HTML 5
|
<article> |
represents an independent piece of content of a document, such as a blog entry or newspaper article. |
|
<aside> |
represents a piece of content that is only slightly related to the rest of the page. |
|
<audio> |
Defines sound content |
|
<canvas> |
is used for rendering dynamic bitmap graphics on the fly, such as graphs or games. |
|
<command> |
represents a command the user can invoke. |
|
<datagrid> |
Defines data in a tree-list |
|
<datalist> |
Defines a dropdown list |
|
<datatemplate> |
Defines a data template |
|
<details> |
Defines details of an element |
|
<dialog> |
Defines a dialog (conversation) |
|
<eventsource> |
Defines a target for events sent by a server |
|
<figure> |
Defines a group of media content, and their caption |
|
<footer> |
Defines a footer for a section or page |
|
<header> |
Defines a header for a section or page |
|
<mark> |
Defines marked text |
|
<nav> |
Defines navigation links |
|
<nest> |
Defines a nestingpoint in a datatemplate |
|
<output> |
Defines some types of output |
|
<progress> |
Defines progress of a task of any kind |
|
<rules> |
Defines the rules for updating a template |
|
<section> |
Defines a section |
|
<source> |
Defines media resources |
|
<time> |
Defines a date/time |
|
<video> |
Defines a video |
