Question

html5新增的标签有什么？

Answer 1

1. 定义导航链接<nav></nav>

   它也是有意义的标签，并不是在某处加上这个标签就有了导航的样式了，这都是有意义的div而已，在头部header中加入菜单标签<nav>，nav标签可以和<ul><li>标签合用

2. 定义文章标签<article></article>

   可以使用文章块标签进行写文章，这就使用这个标签进行写文章在section部分，可以和<h1><p>合用

3. 定义媒介内容的分组，以及它们的标题<figure>

   A。这个标签可以和它的配套标签联合使用<figcaption>，不过<figcaption></figcaption>中间写标题

   B。还可以和<dt><dd>联合使用，其中<dt></dt>是写标题，而<dd>写内容，显示的效果和配套使用的效果也有差异

4. 定义对话框或窗口<dialog>

   在这个标签中也是可以使用dd和dt标签，对话框中的标题和内容，对话框有个属性是open，这个标签的兼容性不是很好

5. 定义命令的列表或菜单<menu>

   A。这个标签可以和li合用

   B。可以给右键单击中添加自己的内容（只有火狐浏览器可以兼容）

   联合（定义用户可以从弹出菜单调用的命令/菜单项目）<menuitem>标签使用

6. 标题组<hgroup>

   里面可以写一些标题的结合<h3>合用

7. 定义小号文本<small>

   这个标签和其他的加粗什么的标签其实是差不多的

8. 定义元素的细节<details>

   里面的内容可以配合标题和内容标签来使用

9. 定义 ruby 注释<ruby>

   碰到不认识的字了可以使用这个进行注释拼音，但是有的兼容性不是很好，到时候可以进行修改

10. 定义预定义范围内的度量<meter>

    有几个属性值，min="" max="" value="" low="" high=""，其中low和high是范围，当value范围超了话就会显示不同的效果

    进度条的标签<progress>最大值就是进度条的长度就行，value值就是显示的进度，用它可以进行动态的进度条

Answer 2

如果大家想看更多的web前端视频教程，点击这里：https://www.bjsxt.com/html-h5-php.html，海量免费视频教程随你挑！