HTML5入门之标签篇《上》

W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 <header>, <section>, <footer>, 以及 <figure>。

通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本。

HTML 5是继HTML 4.01,XHTML 1.0和DOM2 HTML后的又一个重要版本,旨在消除富Internet程序(RIA)对Flash,Silverlight,JavaFX一类浏览器插件的依赖。

引用来自:http://www.w3school.com.cn/html5/

从引言中,我们已经知道了HTML5给我们带来变化与革命,对于XHTML2的胎死腹中,无疑也说明了,HTML5更加符合“新一代web开发标准”,几大A级浏览器开发商也力挺HTML5,并参与了工作。未来一定会用HTML5来取代HTML4和现在的XHTML。一直让我们头大的IE,对WEB标准支持是最差的,还有越来越多的人们开始喊出口号” IE6 Must Die!”,我想IE6早应该这样了。IE7和IE8我认为是IE家族的过度产品,就像 Vista 是 Windows 7 的一个过度产品,IE9和 Windows 7 的联合,无疑是微软要巩固一下自己的地位,想说明我还是老大。IE9也向用户承诺了许多,对HTML5 和 CSS3 ,及DOM支持将达到完美,并且符合W3C标准,有兴趣的话可以看一下 IE9 的 Test Drive

还有一些大的网络公司已经开始使用HTML5到它们的项目中了。大型社交网站Facebook已经开始切换其视频部分到HTML 5、Google文档的离线模式被 HTML 5所取代、Youtube宣布开放HTML 5视频功能……这些变化,使我们能够感觉到HTML 5正在潜移默化的进行着对互联网的革命。

有这么多的权威公司和机构,人员都看好HTML5,并开始应用到实际项目中,这无疑是起到推波助澜的作用,对于我们WEB前端技术开发者,已经没有什么后顾之忧了,该早点接触这些知识了,尽管W3C表示,它的最终成熟还有很长的路,然而并不能阻止人们对它的期待。还等什么,开始学习了。

当我应用HTML5开发时,是希望通过HTML5来解决一些问题的,其中一个重要的问题是,HTML5是否给我带来了更好的,简洁明了而且易于扩展的语义标签,以及是否改进了HTML 和 XHMTL 遗留下的 那些无用的,不常用的,无语义的标签。

我们想要的正是HTML5要做的,它会根据目前互联网的状况对其进行改进的。

该进入正题了。

HTML5 标签

New : 在HTML 5中的新标签。

 

Tag / 标签 Description / 描述
<!–…–> Defines a comment (定义注释。)
<!DOCTYPE>  Defines the document type (定义文档类型。)
<a> Defines a hyperlink(定义超链接。)
<abbr> Defines an abbreviation(定义缩写。)
<acronym> Not supported in HTML 5. (HTML5不支持。定义首字母缩写。)
<address> Defines an address element(定义地址元素。)
<applet> Not supported in HTML 5.(HTML5不支持。定义 applet。)
<area> Defines an area inside an image map(定义图像映射中的区域。)
<article>New Defines an article (定义 article。)
<aside>New Defines content aside from the page content(定义页面内容之外的内容。)
<audio>New Defines sound content(定义声音内容。)
<b> Defines bold text(定义粗体文本。)
<base> Defines a base URL for all the links in a page(定义页面中所有链接的基准 URL。)
<basefont> Not supported in HTML 5.(HTML5不支持。请使用 CSS 代替。)
<bdo> Defines the direction of text display(定义文本显示的方向。)
<big> Not supported in HTML 5.(HTML5不支持。定义大号文本。)
<blockquote> Defines a long quotation(定义长的引用。)
<body> Defines the body element(定义 body 元素。)
<br> Inserts a single line break 。(插入换行符。它属于自封闭标签)
<button> Defines a push button(定义按钮)
<canvas>New Defines graphics(定义图形。)
<caption> Defines a table caption(定义了一个表格标题)
<center> Not supported in HTML 5.(HTML5不支持。定义居中的文本。)
<cite> Defines a citation (定义引用)
<code> Defines computer code text。(定义计算机代码文本)
<col> Defines attributes for table columns (定义表格列的属性)
<colgroup> Defines groups of table columns 。(定义表格列的分组。)
<command>New Defines a command button (定义命令按钮)
<datagrid>New 定义树列表 (tree-list) 中的数据。
<datalist>New Defines a dropdown list (定义下拉列表)
<dd> Defines a definition description(定义定义的描述)
<del> Defines deleted text (定义删除文本)
<details>New Defines details of an element (定义元素的细节)
<dialog> 定义对话(会话)。
<dfn> Defines a definition term (定义一个定义项目。)
<dir> Not supported in HTML 5.(HTML5不支持。定义目录列表。)
<div> Defines a section in a document (定义文档中的一个部分。)
<dl> Defines a definition list (定义定义列表)
<dt> Defines a definition term (定义定义的项目。)
<em> Defines emphasized text (定义强调文本。)
<embed>New Defines external interactive content or plugin(定义外部交互内容或插件。)
<fieldset> Defines a fieldset (定义 fieldset。)
<figcaption>New Defines the caption of a figure element
<figure>New Defines a group of media content, and their caption (定义媒介内容的分组,以及它们的标题。)
<font> Not supported in HTML 5. (HTML5不支持。定义文本的字体、尺寸和颜色。)
<footer>New Defines a footer for a section or page (定义 section 或 page 的页脚。)
<form> Defines a form (定义表单)
<frame> Not supported in HTML 5.(HTML5不支持。定义子窗口(框架)。)
<frameset> Not supported in HTML 5. (HTML5不支持。定义框架的集。)
<h1> to <h6> Defines header 1 to header 6 (定义标题 1 到标题 6。)
<head> Defines information about the document (定义关于文档的信息。)
<header>New Defines a header for a section or page (定义 section 或 page 的页眉。)
<hgroup>New Defines information about a section in a document (它的作用是将标题分组)
<hr> Defines a horizontal rule (定义水平线)
<html> Defines an html document (定义 html 文档。)
<i> Defines italic text (定义斜体文本)
<iframe> Defines an inline sub window (frame) (定义行内的子窗口(框架)。)
<img> Defines an image (定义图像)
<input> Defines an input field (定义输入域)
<ins> Defines inserted text (定义插入文本)
<keygen>New Defines a generated key in a form (定义生成密钥)
<kbd> Defines keyboard text (定义键盘文本。)
<label> Defines a label for a form control (定义表单控件的标注)
<legend> Defines a title in a fieldset (定义 fieldset 中的标题。)
<li> Defines a list item (定义列表的项目)
<link> Defines a resource reference(定义资源引用)
<m>New 定义有记号的文本。
<map> Defines an image map  (定义图像映射)
<mark>New Defines marked text (主要的功能就是在页面中高亮显示那些需要在视觉上向用户突出其重要性的文字。个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词)
<menu> Defines a menu list (定义菜单列表)
<meta> Defines meta information (定义元信息)
<meter>New Defines measurement within a predefined range (定义预定义范围内的度量)
<nav>New Defines navigation links (定义导航链接)
<nest>New 定义数据模板中的嵌套点。
<noframes> Not supported in HTML 5.(HTML5不支持。定义 noframe 部分。)
<noscript> Defines a noscript section(定义 noscript 部分。)
<object> Defines an embedded object(定义嵌入对象)
<ol> Defines an ordered list(定义有序列表)
<optgroup> Defines an option group(定义选项组)
<option> Defines an option in a drop-down list (定义下拉列表中的选项)
<output>New Defines some types of output (定义输出的一些类型)
<p> Defines a paragraph (定义段落)
<param> Defines a parameter for an object (为对象定义参数)
<pre> Defines preformatted text(定义预格式化文本)
<progress>New Defines progress of a task of any kind (定义任何类型的任务的进度)
<q> Defines a short quotation (定义短的引用)
<rule> New 为升级模板定义规则。
<rp>New Used in ruby annotations to define what to show browsers that to not support the ruby element.
<rt>New Defines explanation to ruby annotations.(定义汉字的拼音或日语汉字的平假名)
<ruby>New Defines ruby annotations. (亚洲语言中的“附注文字”)
<s> Not supported in HTML 5.(HTML5不支持。定义加删除线的文本。)
<samp> Defines sample computer code (定义样本计算机代码)
<script> Defines a script (定义脚本)
<section>New Defines a section (定义 section)
<select> Defines a selectable list (定义可选列表)
<small> Defines small text (定义小号文本)
<source>New Defines media resources (定义媒介源)
<span> Defines a section in a document (定义文档中的 section。)
<strike> Not supported in HTML 5.(HTML 5不支持。定义加删除线的文本。)
<strong> Defines strong text (定义强调文本)
<style> Defines a style definition(定义样式定义)
<sub> Defines subscripted text (定义上标文本)
<sup> Defines superscripted text (定义下标文本)
<summary>New Defines the header of a “detail”, element(定义一个摘要,即‘detail’的头部。不等同于表格中的summary属性)
<table> Defines a table (定义表格)
<tbody> Defines a table body (定义表格的主体)
<td> Defines a table cell (定义表格单元)
<textarea> Defines a text area (定义一个文本区域)
<tfoot> Defines a table footer (定义表格的脚注)
<th> Defines a table header (定义表头)
<thead> Defines a table header (定义表头)
<time>New Defines a date/time (定义日期/时间。)
<title> Defines the document title (定义文档的标题)
<tr> Defines a table row (定义表格行)
<tt> Not supported in HTML 5.(HTML 5不支持。定义打字机文本。)
<u> Not supported in HTML 5.(不支持。定义下划线文本)
<ul> Defines an unordered list (定义无序列表)
<var> Defines a variable (定义变量。)
<video>New Defines a video (定义视频)
<xmp> Not supported in HTML 5.(HTML 5不支持。定义预格式文本。)

站点统计