Html 5
Just the tags - and Now the Attributes
Last May I wrote this list of html5 tags. I have now added their attributes. WC3 is still in the process of the creation of html5. May 22, 2011 is the confirmed date for the “Last Call”. Completion is expected by July 2014.
HTML5 INDEX: Links will be added to the elements below as additional information on these elements is added to the site.
Tag |
Definition |
Attributes |
|---|---|---|
| all tags | ||
| <a> | used with href: hyperlink <a> alone can be used as a place holder |
link media |
| <abbr> | abbreviation |
|
| <address> | address |
|
| <area> | an area inside an image map | hreflang media rel |
| <article> NEW |
article This could be an article from an external source, from a news outlet, blog, forum etc. | |
| <aside> NEW |
content aside from the page content. The aside needs to relate to the content it is placed in. | |
<audio> NEW |
sound content For sound, such as music or other audio streams. |
play |
| <base> | a base URL for all the links in a page |
target| no longer depreciated |
| <bdo> | direction of text display |
|
| <blockquote> | long quotation |
|
| <body> | the body |
|
| <br> | Inserts a single line break |
|
| <button> | push button |
autofocus formenctype formmethod formnovalidate formtarget |
| <canvas> NEW |
defines graphics |
|
| <caption> | table caption |
|
| <cite> | citation now solely represents the title of a work |
|
| <code> | computer code text |
|
| <col> | table columns |
|
| <colgroup> | groups of table columns |
|
| <command> NEW |
command button the command element must be inside a menu element otherwise it will not be displayed. |
|
| <datalist> NEW |
dropdown list You use this element along with the input element, to define the input element's values. The data list and its options are not displayed. |
|
| <dd> | definition |
|
| <del> | deleted text | |
| <details> NEW |
details of an element Is used to describe details about the document or parts of the document
| |
| <dfn> | definition term |
|
| <div> | a section in a document |
|
| <dl> | definition list |
|
| <dt> | definition term |
|
| <em> | emphasized text can be customized in css Do not confuse with em as a text size. |
|
| <embed> | external interactive content or plugin |
|
| <fieldset> | fieldset |
is attribute for other form items disabled |
| <figcaption> NEW |
caption of a figure element The figcaption element should be placed as the first or the last child of the "figure" element. |
|
| <figure> NEW |
a group of media content, and their caption Is used to group some elements. This is stand-alone content that is typically used to explain parts of the document, but is also able to move from the document and put somewhere else.
|
|
| <footer> NEW |
footer for a section or page Defines the footer or section of a document |
|
| <form> | form |
|
| <h1> - <h6> | header 1 to header 6 |
|
| <head> | information about the document |
no longer allows the object element as a child |
| <header> NEW |
header for a section or page |
|
| <hgroup> NEW |
information about a section in a document Defines the heading of a section or a document. It iis used to group headers. sub-headings. |
|
| <hr> | horizontal rule |
|
| <html> | html document |
manifest used in conjunction with the API for offline Web applications for the application cache manifest |
| <i> | italic text (use attached CSS instead) |
|
| <iframe> | creates a window within the page allows you to place another document within the existing page seamlessly |
name sandbox seamless src srcdoc |
| <img> | image |
|
| <input> | input field
|
auto focus except when the type attribute is hidden form list datalist placeholder dirname element required=true If present, they override the action, enctype, method, novalidate, and target attributes on the form formaction formenctype formmethod formnovalidate formtarget attributes to specify constraints autocomplete, min, max, multiple, pattern and step. |
| <ins> | inserted text |
|
| <keygen> NEW | generated key in a form |
|
| <kbd> | keyboard text |
|
| <label> | label for a form control |
|
| <legend> | title in a fieldset | |
| <li> | list item | |
| <link> | resource reference | sizes used with icon set through the rel attribute can be used for favicons |
| <map> | image map |
|
| <mark> NEW |
marked text Use if you want to highlight part of your text.
|
|
| <menu> | menu list for toolbars and context menus |
type label contextmenu |
| <meta> | meta information |
now has a charset |
| <meter> NEW | measurement within a predefined range Used only for measurements with a known minimum and maximum value. |
|
| <nav> NEW |
navigation links Defines the area of the navigation |
|
| <noscript> | Defines a noscript section | |
| <object> | embedded object |
|
| <ol> | ordered list |
|
| <optgroup> | option group |
|
| <option> | option in a drop-down list |
|
<output> |
types of output Defines different types of output, such as scripted output. |
form |
| <p> | paragraph |
|
| <param> | parameter for an object |
|
| <pre> | preformatted text |
|
| <progress> NEW |
progress of a task of any kind Use to display the progress of a time consuming function in JavaScript. |
|
| <q> | a short quotation |
|
| <rp> NEW |
ruby annotations info for browsers that do not support the ruby element |
|
| <rt> NEW |
explanation to ruby annotations |
|
| <ruby> NEW |
ruby annotations |
|
| <s> | content that is no longer accurate or revelent |
|
| <samp> | sample computer code |
|
| <script> | script |
async that influences script loading and execution |
| <section> NEW |
section Defines sections in a documentsuh as: chapters, headers, footers. |
|
| <select> | selectable list |
autofocus form |
| <small> | small text (use attached CSS instead) |
|
| <source> NEW |
media resources Defines a media's source such as video or audio |
|
| <span> | inline section |
|
| <strong> | strong text can be customized in css |
|
| <style> | style definition (use attached CSS instead) |
|
| <sub> | subscripted text |
|
| <summary> NEW |
header of a detail element The summary contains a header for the detail element which is used to describe details about a document |
|
| <sup> | superscripted text |
|
| <table> | table |
|
| <tbody> | table body |
|
| <td> | table cell |
|
| <textarea> | text area |
autofocus placeholder form dirname maxlength wrap |
| <tfoot> | table footer |
|
| <th> | table header |
|
| <thead> | table header |
|
| <time> NEW |
date/time Defines the time and or date
| |
| <title> | document title |
|
| <tr> | table row |
|
| <ul> | unordered list |
|
| <var> | variable |
|
| <video> NEW |
video defines video |
|
| all tags | used to instruct assistive technology |
aria |
| all tags | used as a selector in CSS the class can be used an unlimited amount of times within the |
class |
| all tags | indicates editable area |
contenteditable |
| all tags | context menu provided by author | contextmenu |
| all tags | collection of author defined attributes | data |
| all tags | the reading direction of the text this depend upon the language left to right: dir="rt1" right to left: dir="1tr" |
dir |
| all tags | attributes can be used together with the new drag & drop API | draggable dropzone |
| all tags | the element is either no yet or no longer relevant | hidden |
| all tags | used as a selector in CSS any particular |
id |
| all tags | used to identify the language | lang |
| all tags | used to instruct assistive technology | role |
| all tags | used for hinting | spellcheck |
| all tags | to add a style to an element do not use, use CSS instead |
style |
| all tags | used to define a sequence for navigation with tab key | tabindex |
| all tags | additional information about the element | title |
share / bookmark