HTML5基础

一、标签变化

1.结构标签

<article>  标记定义一篇文章

<header> 标记定义一个页面或一个区域的头部

<nav>   标记定义导航链接

<section> 标记定义一个区域

<aside> 标记定义一个内容部分的侧边栏

<hgroup> 标记定义文件中一个区块的相关信息

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

<figcaption> 标记定义 figure 元素的标题

<fotter> 标记定义一个页面或一个区域的底部 

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

注意：

header/section/aside/article/footer 不要嵌套在里面

header/section/footer > aside/article/figure/hgroup/nav > div/figcaption

2.多媒体标签

<vedio>  标记定义一个视频

属性：

controls：控制进度条

例如：

<vedio controls='controls' width="1024px" height="768px">
      <source src="../Source/..." type='vedio/mp4'>
</vedio>

<audio> 标记定义视频内容

属性：autoplay="autoplay" 自动播放

loop="-1"  循环播放

controls="controls" 控制进度条

标签里面的内容是代表兼容性提示

<source> 标记定义媒体资源

<canvas> 标记定义图片

<embed> 标记定义外部可交互的内容和插件，比如 flash

3.Web应用标签

状态标签

<meter>  实时显示状态：气压、气温

<progess> 任务过程：安装、加载

列表标签

<datalist>  为input标签定义一个下拉列表

<details> 标记定义一个元素的详细内容

Menu

<menu>  命令列表

<menuitem> menu命令列表标签

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

4.注释标签

<ruby> 标记定义注释和标签

<rp> 告诉不支持ruby元素的浏览器如何去显示

<rt>  标记定义ruby的注释内容文本

5.其它标签

<mark> 标记定义有标记的文本

<output> 标记定义一些输出类型

<keygen> 标记定义表单里一个生成的键值

<time> 标记定义日期/时间

6.删除的标签