HTML5 - New Features
Some of the most interesting new features in HTML5:
- The <canvas> element for 2D drawing
- The <video> and <audio> elements for media playback
- Support for local storage
- New content-specific elements, like <article>, <footer>, <header>, <nav>, <section>
- New form controls, like calendar, date, time, email, url, search
html ： sub标记和sup标记:
<sup> 可定义上标文本。
<sub> 标签可定义下标文本
New Elements in HTML5
The New <canvas> Element
| Tag | Description |
|---|
| <canvas> |
Used to draw graphics, on the fly, via scripting (usually JavaScript) |
New Media Elements
| Tag | Description |
|---|
| <audio> |
Defines sound content |
| <video> |
Defines a video or movie |
| <source> |
Defines multiple media resources for <video> and <audio> |
| <embed> |
Defines a container for an external application or interactive content (a plug-in) |
| <track> |
Defines text tracks for <video> and <audio> |
New Form Elements
| Tag | Description |
|---|
| <datalist> |
Specifies a list of pre-defined options for input controls |
| <keygen> |
Defines a key-pair generator field (for forms) |
| <output> |
Defines the result of a calculation |
New Semantic/Structural Elements: HTML5 offers new elements for better structure:
| Tag | Description |
|---|
| <article> |
Defines an article |
| <aside> |
Defines content aside from the page content |
| <bdi> |
Isolates a part of text that might be formatted in a different direction from other text outside it |
| <command> |
Defines a command button that a user can invoke |
| <details> |
Defines additional details that the user can view or hide |
| <dialog> |
Defines a dialog box or window |
| <summary> |
Defines a visible heading for a <details> element |
| <figure> |
Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. |
| <figcaption> |
Defines a caption for a <figure> element |
| <footer> |
Defines a footer for a document or section |
| <header> |
Defines a header for a document or section |
| <mark> |
Defines marked/highlighted text |
| <meter> |
Defines a scalar measurement within a known range (a gauge) |
| <nav> |
Defines navigation links |
| <progress> |
Represents the progress of a task |
| <ruby> |
Defines a ruby annotation (for East Asian typography) |
| <rt> |
Defines an explanation/pronunciation of characters (for East Asian typography) |
| <rp> |
Defines what to show in browsers that do not support ruby annotations |
| <section> |
Defines a section in a document |
| <time> |
Defines a date/time |
| <wbr> |
Defines a possible line-break
|
Removed Elements: The following HTML 4.01 elements are removed from HTML5:
-
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>