Michele's Paint Shop Newbie 101

Review of HTML 5 Elements
HTML 5 News and Updates - Revision of HTML 4 to HTML 5.

accesskey attribute on , area, button, input, label, legend and textarea.

scope attribute on td.

rev and charset attributes on link and a.

headers, axis and abbr attributes on td and th.

shape and coords attributes on a.

charset and language attributes on script.

summary attribute on table.

longdesc attribute on img and iframe.

valuetype and type attributes on param.

target attribute on link.

archive, classid, codebase, codetype, declare and standby attributes on object

nohref attribute on area.

scheme attribute on meta.

profile attribute on head.

version attribute on html.

The dialog element is used to mark up a conversation as in a "dialog"

The section element represents a section. As an example it can be used together with headings such as h1-h6 to indicate the document structure.

The header element represents the header of a section.

The nav element represents a section of the document intended for navigation.

The aside element represents a piece of content that is only slightly related to the rest of the page.

The article element represents an independent piece of content of a document, such as a blog entry or newspaper article.

The footer element represents a footer for a section and can contain information about the author, copyright information, and more.

The time element represents a date and/or time.

The datagrid element represents an interactive representation of a tree list or tabular data.

The figure element can be used to associate a caption together with some embedded content, such as a graphic or video. Highly anticipated. An example as shown at the W3 site. <figure> <video src=ogg>…</video> <legend>Example</legend> </figure>

The canvas element represents is used for rendering dynamic bitmap graphics on the fly, such as graphs, games, et cetera.

The details element represents additional information or controls which the user can obtain on demand.

The datalist element together with the a new list attribute for input is used to make comboboxes. An example as shown at the W3 site. <input list=browsers /> <datalist id=browsers> <option value="Safari"> </option><option value="Internet Explorer"> </option><option value="Opera"> </option><option value="Firefox"> </option></datalist>

The event-source element is used to "catch" server sent events.

The output element represents some type of output, such as from a calculation done through scripting.

The command element represents a command the user can invoke.

The meter element represents a measurement, such as disk usage.

The m element represents a run of marked text.

The progress element represents a completion of a task, such as downloading or when performing a series of expensive operations.

These element provide a templating mechanism for HTML.

datetime, datetime-local, date, month, week, time, number, range, email, url

Now have a media attribute for consistency with the link element. It is purely advisory.

Also has a new attribute called ping that specifies a space separated list of URIs which have to be pinged when the hyperlink is followed. This attribute allows the user agent to inform users which URIs are going to be pinged as well as giving privacy-conscious users a way to turn it off.

The area element, for consistency, now has the hreflang and rel attributes.

Now has a target attribute as well mainly for consistency with the a element and because it was already widely supported. The target attribute for the a and area elements is no longer deprecated. They are useful in Web applications, such as with ain conjunction with iframe.

Is no longer deprecated. The same for the start attribute of the ol element.

As this was already supported and provides a nicer way to specify the character encoding for the document.

Can be specified on the input except when the type attribute is hidden, select, textarea and button elements. It provides a declarative way to focus a form control during page load. This feature should enhance the user experience as the user can turn it off if he does not like it.

These elements allows for controls to be associated with more than a single form.

Now have a new replace attribute which affects what will be done with the document after a form has been submitted.

Have a data attribute that allows for automatically prefilling of form controls, in case of form, or the form control, in case of select and datalist, with data from the server.

Applies to input except when the type attribute is hidden, image or some button type such as submit and textarea. It indicates that the user has to fill in a value in order to submit the form.

Has a new attribute called inputmode which gives a hint to the user interface as to what kind of input is expected.

Please note that this was not possible before.

This has several new attributes to specify constraints: autocomplete, min, max, pattern and step. As mentioned before it also has a new list attribute which can be used together with the datalist and select element.

Now has a new scoped attribute which can be used to enable scoped style sheets. Style rules within such a style element only apply to the local tree.

Has a new template attribute which can be used for repetition templates.

Now has three new attributes: type, label and autosubmit. They allow the element to transform into a menu as found in typical user interfaces as well as providing for context menus in conjunction with the global contextmenu attribute.

Now has a new attribute called async that influences script loading and execution.

Now has a new attribute called manifest that points to an application cache manifest used in conjunction with the API for offline Web applications.

Indicates that an element is not yet, or is no longer, relevant.

Can be used to point to a context menu provided by the author.

Indicates that the element is an editable area. The user can change the contents of the element and manipulate the markup.

Can be used together with the new drag & drop API..