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

原文地址:https://www.cnblogs.com/fengxiongZz/p/6483087.html