Since HTML 4.01 published as www standard, Internet has changed a lot.
During the period, because HTML is not well satisfied to new demands, it gave birth to a series of non-compatible Internet application and browser terminals.
The emergence of HTML5 was to bridge these discordant, so richer Internet come faster.
First, I'll list the new elements in HTML5 standard. After that, explain why they are added into HTML5.
The Canvas Element
The canvas element uses JavaScript to make drawings on a web page.
- <canvas> For making graphics with a script
New Media Elements
HTML5 provides a new standard for media content:
- <audio> For multimedia content, sounds, music or other audio streams
- <video> For video content, such as a movie clip or other video streams
- <source> For media resources for media elements, defined inside video or audio elements
- <embed> For embedded content, such as a plug-in
New Form Elements
HTML5 offers more form elements, with more functionality:
- <datalist> A list of options for input values
- <keygen> Generate keys to authenticate users
- <output> 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:
- tel The input value is of type telephone number
- search The input field is a search field
- url The input value is a URL
- email 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
