HTML5 – Coming Soon
It may be a several decades before HTML5 is 100% complete and recognised as a W3C Recommendation, but the working draft is here now. Compatible with a *few* browsers out there already and as browsers are updated, they will provide more and more support for HTML5.
In this HTML5 reference article you will see how HTML has become more semantic orientated than ever. The HTML tags will indicate exactly what the containing content is. You will get an idea of what HTML5 has brought to the table and what it has left behind.
You can now stay clear of the elements that have been deprecated from the HTML5 specification and begin using some of the following tags. In some cases, if a browser does not recognise HTML5 tags, the browser will just treat the element as it would a <span>, so there is no harm in putting them in there.
New HTML5 Tags
- <article> – Defines an article
- <aside> – Defines content separate from the main content. (eg. a sidebar)
- <audio> – Defines audio/sound content
- <canvas> – Defines graphics such as charts, graphs, maps, drawings etc.
- <command> – Defines a command button, like a button, checkbox or radiobutton
- <datalist> – Defines a dropdownlist. Similar to an autocomplete feature
- <details> – Defines additional details of an element
- <embed> – Defines external interactive content or plugin
- <figure> – Defines self-contained media content
- <figcaption> – Defines a caption for the <figure> tag
- <footer> – Defines the footer for a section or page
- <header> – Defines the header for a section or page
- <hgroup> – Defines information about a section in a document
- <mark> – Defines marked (important) text in a paragraph.
- <meter> – Defines a measurement within a predefined range
- <nav> – Defines navigation links
- <output> – Defines the result of a calculation
- <progress> – Defines progress of a task using a bar
- <ruby> – Defines ruby annotations
- <rt> – Defines explanation to ruby annotations
- <rp> – Defines what to show browsers that do not support ruby
- <section> – Defines a section
- <source> – Defines media resources for media elements
- <summery> – Defines the header of a <detail> element
- <time> – Defines a date/time
- <video> – Defines a video
Deprecated HTML5 Tags