码迷,mamicode.com
首页 > Web开发 > 详细

Html5新标签---第一天

时间:2018-02-08 14:16:52      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:过程   输出   value   list   元素   nav   div   source   加载   

一、HTML5新增标签和重新定义的标签
1、结构标签
块级元素,有意义的div
<article> 定义一篇文章,强调独立性
<header> 定义一个页面或一个区域的头部
<nav> 定义导航链接
<section> 定义一个区域,例如将一块内容分成几段
<aside> 定义页面内容部分的侧边栏
<hgroup> 定义文件中一个区块的相关信息,里面放h系列的标签,最好h3
<figure> 定义一组媒体内容以及它们的标题
<figcaption> 定义figure元素的标题
<footer> 定义一个页面或一个区域的底部
<dialog> 定义一个对话框类似微信
2、多媒体标签
<video> 定义一个视频
<audio> 定义音频内容
<source> 定义媒体资源
<canvas> 定义图片
<embed> 定义外部的可交互的内容或插件 比如 flash
3、Web 应用标签
<menu> 命令列表
<menuitem> menu命令列表标签(嵌入系统)
<command> menu标记定义一个命令按钮
<meter> 实时状态显示:气压、气温( 状态标签)
属性:min、max、value、low、high value在low和high中间正常,之外会变色警告
<progrss> 任务过程:安装、加载(状态标签)进度条
<datalist> 为input标记定义一个下拉列表,配合option
<detalis> 标记定义一个元素的详细内容,配合dt、dd,有下拉框
4、注释标签
<ruby> 定义注释或音标
<rp> 告诉那些不支持Ruby元素的浏览器如何去显示,注释括号
<rt> 定义对ruby的注释内容文本,注释在ruby上面就像汉语汉字上的拼音
5、其他标签
<keygen> 定义表单里一个生成的键值(加密信息传送)
<mark> 定义有标记的文本(黄色选中状态)
<output> 定义一些输出类型,计算表单结果配合oninput事件
6、重新定义的标签
<dd> 问题
<dt> 描述
<hr> 表示主题结束,是一条水平线
<small> 表示小字体,例如注释或者法律条款
<menu> 定义用户界面的菜单,配合commond或者menuitem使用

Html5新标签---第一天

标签:过程   输出   value   list   元素   nav   div   source   加载   

原文地址:http://blog.51cto.com/13517854/2070160

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!