HTML 5入门知识（一）

　　了解HTML 5

HTML5 并非仅仅用来表示web内容，它的使命是将web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画，以及与电脑的交互都被标准化。

　　HTML 5概述

HTML 5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合，希望通过HTML 5能够轻松地实现许多丰富的网络应用需求，而减少浏览器对插件的依赖，并且提供更多能有效增强网络应用的标准集。

　　HTML 5新增的标签

结构标签：

<article>标签用于在网页中标识独立的主体内容区域，可用于论坛帖子、报纸文章、博客条目和用户评论等。

<aside>标签用于在网页中标识非主体内容区域，该区域中的内容应该与附近的主体内容相关。

<section>标签用于在网页中标识文档的小节或部分。

<footer>标签用于在网页中标识页脚部分，或者内容区块的脚注。

<header>标签用于在网页标识页首部分，或者内容区块的标头。

<nav>标签用于在网页中标识导航部分。

文本标签：

<bdi>标签在网页中允许设置一段文本，使其脱离其父元素的文本方向设置。

<mark>标签在网页中用于标识需要高亮显示的文本。

<time>标签在网页中用于标识日期或时间。

<output>标签在网页中用于标识一个输出的结果。

应用和辅助标签：

<audio>标签用于在网页中定义声音，如背景音乐或其他音频流。

<video>标签用于在网页中定义视频，如电影片段或其他视频流。

<source>标签为媒介标签（如audio和video）在网页中用于定义媒介资源。

<track>标签在网页中为例如video元素之类的媒介规定外部文本轨道。

<canvas>标签在网页中用于定义图形，例如图标和其他图像。该标签知识图形容器，必须使用脚本绘制图形。

进度标签：

<progress>标签用于在网页中标识任务进度显示的进度条。

<meter>标签可以根据value属性赋值和最大、最小值得度量进行显示的进度条。

交互性标签：

<command>标签用于在网页中标识一个命令元素（单选、复选或者按钮）；当且仅当这个元素出现在<menu>标签里面时才会被显示，否则将只能作为键盘快捷方式的一个载体。

<datalist>标签用于在网页中标识一个选项组，与input标签配合使用该标签，来定义input元素可能地值。

在文档和应用中使用的标签：

<detalis>标签在网页中用于标识描述文档或者文档某个部分的细节。

<summary>标签在网页中用于标识<detalis>标签内容的标题。

<figcaption>标签在网页中用于标识<figure>标签内容的标题。

<figure>标签在网页中用于标识一块独立的流内容（图像、图表、照片和代码等）。

<hgroup>标签在网页中用于标识文档或内容的多个标题。用于将h1至h6元素打包，优化页面结构在SEO中的表现。

rudy标签：

<ruby>标签在网页中用于标识ruby注释（中文注音或字符）。

<rp>标签在ruby注释中使用，以定义不支持<ruby>标签的浏览器所显示的内容。

<rt>标签在网页中用于标识字符（中文注音或字符）的解释或发音。

其他标签：

<keygen>标签用于标识表单秘钥生成器元素。当提交表单时，密钥存储在本地，公密钥发送到服务器。

<wbr>标签用于标识单词中适当的换行位置，可以用该标签为一个长单词指定合适的换行位置。

参考资料：

http://www.runoob.com/html/html5-intro.html

http://www.w3school.com.cn/html5/index.asp

巴特西

HTML 5入门知识（一）

最新文章

热门文章