New Markup Elements
New elements for better structure:
Tag | Description |
---|---|
For external content, like text from a news-article, blog, forum, or any other content from an external source |
|
For content aside from the content it is placed in. The aside content should be related to the surrounding content |
|
A button, or a radiobutton, or a checkbox | |
|
For describing details about a document, or parts of a document |
|
A caption, or summary, inside the details element |
For grouping a section of stand-alone content, could be a video |
|
The caption of the figure section | |
For a footer of a document or section, could include the name of the author, the date of the document, contact information, or copyright information |
|
|
For an introduction of a document or section, could include navigation |
For a section of headings, using
to
heading of the section, and the others are sub-headings |
|
For text that should be highlighted | |
For a measurement, used only if the maximum and minimum values are known | |
For a section of navigation | |
The state of a work in progress | |
For ruby annotation (Chinese notes or characters) | |
For explanation of the ruby annotation | |
What to show browsers that do not support the ruby element | |
For a section in a document. Such as chapters, headers, footers, or any other sections of the document |
|
For defining a time or a date, or both | |
Word break. For defining a line-break opportunity. |
New Media Elements
HTML5 provides a new standard for media content:
Tag | Description |
---|---|
For multimedia content, sounds, music or other audio streams | |
For video content, such as a movie clip or other video streams | |
For media resources for media elements, defined inside video or audio elements |
|
For embedded content, such as a plug-in |
The Canvas Element
The canvas element uses JavaScript to make drawings on a web page.
Tag | Description |
---|---|
For making graphics with a script |
New Form Elements
HTML5 offers more form elements, with more functionality:
Tag | Description |
---|---|
A list of options for input values | |
Generate keys to authenticate users | |
For different types of output, such as output written by a script |
New Input Type Attribute Values
Also, the input element’s type attribute has many new values, for
better input control before sending it to the server:
Type | Description |
---|---|
tel | The input value is of type telephone number |
search | The input field is a search field |
url | The input value is a URL |
The input value is one or more email addresses | |
datetime | The input value is a date and/or time |
date | The input value is a date |
month | The input value is a month |
week | The input value is a week |
time | The input value is of type time |
datetime-local | The input value is a local date/time |
number | The input value is a number |
range | The input value is a number in a given range |
color | The input value is a hexadecimal color, like #FF8800 |