Html 5 - manual (ingles)

HTML5 Table of content

HTML5 New Elements 2
New Elements in HTML5 2
New Markup Elements 2
New Media Elements 3
The Canvas Element 3
New Form Elements 3
New Input Type Attribute Values 3
HTML5 Video 5
Videos on the Web 5
Video Formats 5
How It Works 5
Example 5
HTML5 video Tags 6
HTML5 Audio 7
Audio on the Web 7
Audio Formats 7
How It Works 7
Example 8Example 8
HTML5 audio Tags 8
HTML5 Canvas 9
What is Canvas? 9
Create a Canvas Element 9
Draw With JavaScript 9
Understanding Coordinates 10
More Canvas Examples 10
Example - Line 10
Example - Circle 11
Example - Gradient 11
Example - Image 11
HTML5 Tag 11
HTML5 Web Storage 12
Storing Data on the Client 12
The localStorage Object 12
Example 12
Example 12
ThesessionStorage Object 13
Example 13
Example 13
HTML5 Input Types 14
HTML5 New Input Types 14
Browser Support 14
Input Type - email 14
Example 14
Input Type - url 15
Example 15
Input Type - number 15
Example 15
Input Type - range 15
Example 15
Input Type - Date Pickers 16
Example 16
Input Type - search 16
Input Type - color 16
Example 17
HTML5 Tag 17
HTML5 FormElements 18
HTML5 New Form Elements 18
Browser Support 18
Element 18
Example 18
Element 18
Example 19
Element 19
Example 19
HTML5 New Form Elements 19
HTML5 Form Attributes 20
HTML5 New Form Attributes 20
Browser Support 20
autocomplete Attribute 21
Example 21
autofocus Attribute 21
Example 21
form Attribute 21
Example 21
Form Override Attributes 22
Example22
height and width Attributes 22
Example 22
list Attribute 23
Example 23
min, max and step Attributes 23
Example 23
multiple Attribute 23
Example 23
novalidate Attribute 24
Example 24
pattern Attribute 24
Example 24
placeholder Attribute 24
Example 24
required Attribute 25
Example 25
HTML5 Tag Reference 26
HTML5 26
Ordered Alphabetically 26
HTML5 GlobalAttributes 32
HTML5 Global Attributes 32
HTML5 Event Attributes 34
Global Event Attributes 34
Window Event Attributes 34
Form Events 35
Keyboard Events 36
Mouse Events 36
Media Events 37

HTML5 New Elements

New Elements in HTML5
The internet has changed a lot since HTML 4.01 became a standard in 1999.
Today, some elements in HTML 4.01 are obsolete, never used, or not used theway they were intended to. These elements are deleted or re-written in HTML5.
To better handle today's internet use, HTML5 also includes new elements for better structure, drawing, media content, and better form handling.

New Markup Elements
New elements for better structure:
Tag | Description |
| Specifies independent, self-contained content, could be a news-article, blog post, forumpost, or other articles which can be distributed independently from the rest of the site. |
| For content aside from the content it is placed in. The aside content should be related to the surrounding content |
| For text that should not be bound to the text-direction of its parent elements |
| A button, or a radiobutton, or a checkbox |
| For describing details about a document, or partsof 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, couldinclude navigation |
| For a section of headings, using to , where the largest is the main 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...