.html5新增哪些标签,html5新增标签有哪些？

html5新增标签

1、定义导航链接

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

• 标签合用。【推荐：html在线手册】

html代码：

这是一个header部分

• 首页
• 关于
• 产品
• 联系

css代码：/*定义nav的高和颜色*/

nav{

height:30px;

background-color:#F33;

margin-top:100px;}

/*正常设置li的样式*/

li{

list-style:none;

float:left;

width:100px;

height:30px;

}

这样就可以实现之前只用p进行的菜单布局了

2、定义文章标签

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

合用

html代码：

文章标题

文章内容文章内容文章内容文章内容文章内容文章内容

文章内容文章内容文章内容文章内容文章内容文章内容

文章内容文章内容文章内容

css样式：article{

background-color:#F33;

width:500px;

text-align:center; /*水平居中*/

margin:0px auto;

}

这样就可以写一篇文章了

3、定义媒介内容的分组，以及它们的标题

A。这个标签可以和它的配套标签联合使用

，不过

中间写标题

标题

标题内容

B。还可以和

联合使用，其中是写标题，而写内容，显示的效果和配套使用的效果也有差异

标题1标题内容

4、定义对话框或窗口

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

1问题1答案2问题2答案

5、定义命令的列表或菜单

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

• 定义列表
• 定义列表
• 定义列表

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

联合(定义用户可以从弹出菜单调用的命令/菜单项目)标签使用

单击我试试

右键单击后出现想要的菜单项

单击菜单项，弹出内容

6、标题组

里面可以写一些标题的结合

合用

标题

标题1

标题2

标题3

7、定义小号文本

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

联系我们

客户意见

8、定义元素的细节

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

问题解答问题解答问题解答

点击详细信息就可以看到标题和内容了

9、定义 ruby 注释

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

10、定义预定义范围内的度量

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

value值超出了范围后

11、进度条的标签进度条

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

var pro = document.getElementById("jindu");

setInterval(function(){ pro.value+=1;},1000); //间隔1秒它的值加1

这样进度条就可以完成了，是不是比只用js写的好多了，不同的浏览器表现形式还不一样

更多web前端知识，请查阅 HTML中文网 ！！