HTML5 New Elements
来源：互联网 发布：qsv视频剪辑软件 编辑：程序博客网 时间：2024/05/23 19:17
http://www.w3schools.com/html5/html5_new_elements.asp
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<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<hgroup>Groups a set of <h1> to <h6> elements when a heading has multiple levels<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
New Media Elements
HTML5 offers new elements for media content:
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>
The new <canvas> Element
Tag | Description | <canvas>Used to draw graphics, on the fly, via scripting (usually JavaScript)
New Form Elements
HTML5 offers new form elements, for more functionality:
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
Removed Elements
The following HTML 4.01 elements are removed from HTML5:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
Ordered Alphabetically
New : New tags in HTML5.
Tag | Description | <!--...-->Defines a comment<!DOCTYPE> Defines the document type<a>Defines a hyperlink<abbr>Defines an abbreviation<acronym>Not supported in HTML5<address>Defines contact information for the author/owner of a document/article<applet>Not supported in HTML5<area>Defines an area inside an image-map<article>NewDefines an article<aside>NewDefines content aside from the page content<audio>NewDefines sound content<b>Defines bold text<base>Specifies the base URL/target for all relative URLs in a document<basefont>Not supported in HTML5<bdi>NewIsolates a part of text that might be formatted in a different direction from other text outside it<bdo>Overrides the current text direction<big>Not supported in HTML5<blockquote>Defines a section that is quoted from another source<body>Defines the document's body<br>Defines a single line break<button>Defines a clickable button<canvas>NewUsed to draw graphics, on the fly, via scripting (usually JavaScript)<caption>Defines a table caption<center>Not supported in HTML5<cite>Defines the title of a work<code>Defines a piece of computer code<col>Specifies column properties for each column within a <colgroup> element <colgroup>Specifies a group of one or more columns in a table for formatting<command>NewDefines a command button that a user can invoke<datalist>NewSpecifies a list of pre-defined options for input controls<dd>Defines a description of an item in a definition list<del>Defines a text that has been deleted from a document<details>NewDefines additional details that the user can view or hide<dfn>Defines a definition term<dir>Not supported in HTML5<div>Defines a section in a document<dl>Defines a definition list<dt>Defines a term (an item) in a definition list<em>Defines emphasized text <embed>NewDefines a container for an external application or interactive content (a plug-in)<fieldset>Groups related elements in a form<figcaption>NewDefines a caption for a <figure> element<figure>NewSpecifies self-contained content<font>Not supported in HTML5<footer>NewDefines a footer for a document or section<form>Defines an HTML form for user input<frame>Not supported in HTML5<frameset>Not supported in HTML5<h1> to <h6>Defines HTML headings<head>Defines information about the document<header>NewDefines a header for a document or section<hgroup>NewGroups heading (<h1> to <h6>) elements<hr>Defines a thematic change in the content<html>Defines the root of an HTML document<i>Defines a part of text in an alternate voice or mood<iframe>Defines an inline frame<img>Defines an image<input>Defines an input control<ins>Defines a text that has been inserted into a document<keygen>NewDefines a key-pair generator field (for forms)<kbd>Defines keyboard input<label>Defines a label for an input element<legend>Defines a caption for a <fieldset>, <figure>, or <details> element<li>Defines a list item<link>Defines the relationship between a document and an external resource (most used to link to style sheets)<map>Defines a client-side image-map <mark>NewDefines marked/highlighted text<menu>Defines a list/menu of commands<meta>Defines metadata about an HTML document<meter>NewDefines a scalar measurement within a known range (a gauge)<nav>NewDefines navigation links<noframes>Not supported in HTML5<noscript>Defines an alternate content for users that do not support client-side scripts<object>Defines an embedded object<ol>Defines an ordered list<optgroup>Defines a group of related options in a drop-down list<option>Defines an option in a drop-down list<output>NewDefines the result of a calculation<p>Defines a paragraph<param>Defines a parameter for an object<pre>Defines preformatted text<progress>NewRepresents the progress of a task<q>Defines a short quotation<rp>NewDefines what to show in browsers that do not support ruby annotations<rt>NewDefines an explanation/pronunciation of characters (for East Asian typography)<ruby>NewDefines a ruby annotation (for East Asian typography)<s>Defines text that is no longer correct<samp>Defines sample output from a computer program<script>Defines a client-side script<section>NewDefines a section in a document<select>Defines a drop-down list<small>Defines smaller text<source>NewDefines multiple media resources for media elements (<video> and <audio>)<span>Defines a section in a document<strike>Not supported in HTML5<strong>Defines important text<style>Defines style information for a document<sub>Defines subscripted text<summary>NewDefines a visible heading for a <details> element<sup>Defines superscripted text<table>Defines a table<tbody>Groups the body content in a table<td>Defines a cell in a table<textarea>Defines a multiline input control (text area)<tfoot>Groups the footer content in a table<th>Defines a header cell in a table<thead>Groups the header content in a table<time>NewDefines a date/time<title>Defines a title for the document<tr>Defines a row in a table<track>NewDefines text tracks for media elements (<video> and <audio>)<tt>Not supported in HTML5<u>Defines text that should be stylistically different from normal text<ul>Defines an unordered list<var>Defines a variable<video>NewDefines a video or movie<wbr>NewDefines a possible line-break
