首页 > 代码库 > HTML 5入门知识(一)
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>标签在网页中用于定义图形,例如图标和其他图像。该标签知识图形容器,必须使用脚本绘制图形。
<embed>标签在网页中用于标识来自外部的互动内容或插件。
进度标签:
<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入门知识(一)