html5标签：bdi、mark、meter、progress、rp、rt、ruby、time、wbr、datalist、keygen、output、canvas、audio、video、source、header、footer、nav等。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
HTML5的新增标签
我们都知道，想要成为一名合格的前端开发人员，掌握好HTML5是一个重要的先决条件，相比较于HTML，HTML5中新增了许多功能标签，那么这么标签都有哪些呢？
格式：
<bdi>定义文本的文本方向，使其脱离其周围文本的方向设置。
<mark>定义有记号的文本。
<meter>定义预定义范围内的度量。
<progress>定义任何类型的任务的进度。
<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。
<time>定义日期/时间。
<wbr>定义可能的换行符。
表单：
<datalist>定义下拉列表。
<keygen>定义生成密钥。
<output>定义输出的一些类型。
图像：
<canvas>定义图形。
<figcaption>定义 figure 元素的标题。
<figure>定义媒介内容的分组，以及它们的标题。
音频和视频：
<audio>定义声音内容。
<source>定义媒介源。
<track>定义用在媒体播放器中的文本轨道。
<video>定义视频。
链接：
<nav>定义导航链接。
列表：
<command>定义命令按钮。
样式：
<header>定义section或page的页眉。
<footer>定义section或page的页脚。
<section>定义section。
<article>定义文章。
<aside>定义页面内容之外的内容。
<details>定义元素的细节。
<dialog定义对话框或窗口。
<summary>为 <details> 元素定义可见的标题。
编程：
<embed>为外部应用程序（非HTML）定义容器。
HTML5的优势：
1、做出更多好看的动画效果，让前端开发人员实现更好的页面交互
HTML5实现的网页更加的精美，这些动画是基于HTML5标签和CSS3样式共同实现的效果。
2、解决了跨浏览器问题
跨浏览器问题在HTML5出现之前，对于前端开发人员来说，绝对是一个噩梦级的问题。明明在一个浏览器中完全正常运行的HTML、CSS和Java页面，但换一个浏览器之后，就会出现很多问题，比如：Java运行出错、页面布局混乱等。改变了这种局面的正是HTML5编程语言，目前主流浏览器如Internet Explorer、Chorme、Firefox、Safari都表现出对HTML5的极大热情。
3、跨平台、离线使用
HTML5 可以做到跨平台，多数核心代码不用重写，Java的代码用得好的话，在许多地方都可以用到，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。虽然这种方式在严格意义上来讲并非是完全跨平台，但这样也在后期的维护上可以节省出量的时间和精力。
用户可以离线使用、访问应用，这对于无法随时保持联网状态的移动终端用户来说是很重要的，且用户访问本地的缓存文件，通常意味着更快的访问速度，从这个角度来说，可谓是大大提高了用户的体验度
推荐教程：《html视频教程》
以上就是html5有哪些新增标签的详细内容，更多请关注php中文网其它相关文章！
