HTML基础篇--H5新标签及属性

一、H5新标签--结构标签？

  1、article定义文章，使用情境：论坛帖子、博客文章、新闻故事、评论等；

  2、aside定义文章的侧边栏；

  3、datalist定义列表（safari不支持，firefox支持有问题与id相关联）；

  4、details定义展开详细内容safari chrome 支持

  5、figure定义一组媒体图像及文字，定义独立的流内容（图像、图表、照片、代码等）figcaption定义figure的标题；

  6、section定义文档中的某个区域，章节，头部，底部都可以使用；

  7、header定义section或者document页眉，介绍文章内容，导航链接的容器可以使用；

  8、footer定义section或者document页脚，使用：文档创建名作者姓名，版权信息，使用条款链接，联系信息等等；

  9、nav定义导航部分；

  10、mark定义带有标记的文本；

二、H5新标签--多媒体标签？

  1、audio音频，支持格式MP3 WAV Ogg 属性control控制条autoplay自动播放loop自动循环muted静音src路径；

  2、video视频，支持格式MP4 webm ogg 属性支持宽高poster视频加载时显示的图像。

  3、embed插入各种多媒体；

  4、canvas 画布；

  5、progress进度条；

  6、meter进度条较宽；

  6、time 时间；

三、H5新标签--输入标签？

  1、日期和时间date time;

  2、email必须输入邮箱；

  3、url必须输入URL；

  4、number必须输入数字；

  5、range输入一定范围内的数字；

  6、属性placeholder提示文字，required是否为必填项。

四、H5中不支持的元素？

  1、center是文字居中标签；

  2、font定义字体标签；

  3、strike添加删除线文字；

  4、basefont定义页面中默认字体。颜色、尺寸；

  5、big dir noframes 大号字体，目录列表，定义不支持框架的用户的代替内容。

转载于:https://my.oschina.net/GodH5/blog/639557