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

html学习_html5 新增标签和属性

时间:2019-02-24 23:04:16      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:搜索   end   NPU   mp4   小视频   多版本   size   技术   nbsp   

html5 新增标签和属性

1、html发展历程(html有很多版本)

技术图片

2、快捷键生成不同版本(html4、xhtml、html5)

文档类型不同、字符设定

技术图片

3、常用新标签 (只有html5才识别的标签)
技术图片

4、datalist用法(自带搜索过滤功能)

技术图片

5、fieldset搭配legend用法

技术图片

技术图片

6、新增的input 的 type的属性值

技术图片

7、表单里新增的属性

技术图片

8、多媒体标签

技术图片

a、embed实现方式:复制html代码路径后黏贴在自己的html中(引入网上视频的方式)技术图片

     先上传(优酷)、再分享(复制黏贴路径)

技术图片

b、多媒体 audio(双标签  默认不播放)

技术图片

 loop=2  循环2次 ,loop或者loop=-1 都是无线循环。

为了浏览器兼容 需要做3种格式声音文件

技术图片

c、多媒体video(小视频用这个,大视频不合适通过本地上传费钱)

技术图片

ogg、mp4、webm

多浏览器支持的方案

技术图片

 

 

 

 

 

 

 

 

 

 

 

html学习_html5 新增标签和属性

标签:搜索   end   NPU   mp4   小视频   多版本   size   技术   nbsp   

原文地址:https://www.cnblogs.com/yangyutian/p/10428420.html

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