Html5新标签---第一天

一、HTML5新增标签和重新定义的标签

1、结构标签  

块级元素,有意义的div

<article>     定义一篇文章,强调独立性

<header>    定义一个页面或一个区域的头部
<nav>       定义导航链接

<section>    定义一个区域,例如将一块内容分成几段

<aside>      定义页面内容部分的侧边栏
<hgroup>    定义文件中一个区块的相关信息,里面放h系列的标签,最好h3

<figure>     定义一组媒体内容以及它们的标题

<figcaption>  定义figure元素的标题

<footer> 定义一个页面或一个区域的底部

<dialog> 定义一个对话框类似微信

2、多媒体标签

<video>  定义一个视频

<audio>  定义音频内容

<source>  定义媒体资源

<canvas>  定义图片

<embed> 定义外部的可交互的内容或插件  比如 flash

3Web 应用标签

<menu> 命令列表

<menuitem> menu命令列表标签(嵌入系统)

<command> menu标记定义一个命令按钮

<meter>   实时状态显示:气压、气温( 状态标签)

属性:minmaxvaluelowhigh  valuelowhigh中间正常,之外会变色警告

<progrss>  任务过程:安装、加载(状态标签)进度条

<datalist>  input标记定义一个下拉列表,配合option

<detalis>   标记定义一个元素的详细内容,配合dtdd,有下拉框

4、注释标签

<ruby>  定义注释或音标

<rp>    告诉那些不支持Ruby元素的浏览器如何去显示,注释括号

<rt>    定义对ruby的注释内容文本,注释在ruby上面就像汉语汉字上的拼音

5、其他标签

<keygen> 定义表单里一个生成的键值(加密信息传送)

<mark> 定义有标记的文本(黄色选中状态)

<output> 定义一些输出类型,计算表单结果配合oninput事件

6、重新定义的标签

<dd> 问题

<dt> 描述

<hr> 表示主题结束,是一条水平线

<small> 表示小字体,例如注释或者法律条款

<menu> 定义用户界面的菜单,配合commond或者menuitem使用

猜你喜欢

转载自blog.csdn.net/qq_40208605/article/details/80508113
今日推荐