今日学习内容:
HTML5 HTML5的新特性 增加了一些新的标签、新的表单和新的表单属性等等,一般只支持IE9以上版本的浏览器,如果我们不去考虑兼容性问题,可以大量使用。 HTML5常用标签 优点:语义更加明确 便于浏览器进行解析 缺点:大部分的标签只有Chrome 和 Safari支持。 HTML5新增的Input类型 新增的type属性值 email限制用户输入内容必须为邮箱 url限制用户输入的内容必须为url地址 date生成日期控件 time生成时间控件 month生成月份选择控件 week生成周数选择控件 number限制用户输入的内容必须为数字 search可以将用户输入的内容进行清除 color生成一个颜色选择表单元素 HTML5新增表单属性 placeholder给表单元素添加提示文本,和value同时使用时则不会进行提示文本的展示 multiple属性值为:multiple可以多选文件进行提交 required属性值为:required校验当前元素是必填项 autofocus属性值为:autofocus当页面刷新时自动聚到到指定的表单元素 autocomplete属性值为on/off选择是否记录用户提交过的内容,on代表记录,off代表不记录 注意:使用该属性时,必须要加上name属性才可以生效 HTML5新增的多媒体标签 <video>标签 H5可以在不使用插件的情况下,可以使用原生的标签来支持视频格式文件的播放。 相关属性 autoplay属性值autoplay 视频就绪自动播放(需要和muted属性来进行连用,自动播放时视频必须是默认静音的) control属性值control 给video标签增加视频播放控件 width属性值:像素值控制播放器的宽度 height属性值:像素值控制播放器的高度 loop属性值:loop 视频播放完成后是否要循环播放,属性值为loop为循环播放 preload属性值auto(预加载视频)none(不预先加载) 规定是否预加载视频(如果有autoplay时,就忽略该属性) src属性值:url视频的url地址 poster属性值 imgUrl 加载等待的画面图片(视频播放前等待的图片) muted属性值 muted静音播放 如果想要照顾兼容性,可以按照如下写法引入视频 <audio>标签 audio标签支持的格式 常用的属性controls属性值:controls 让音频显示相应的控件 loop属性值:loop 当音频结束的时候要重新开始播放 src属性值:音频的url地址 今日问题无
|