一,今日学习内容:
1. HTML5部分
HTML5的新特性
主要是增加一些新的标签、新的表单和新的表单属性等,这些特性都有兼容性问题,基本上时IE9+以上的浏览器才能支持,如果不考虑兼容性,可以大量使用这些新特性。
HTML5新增标签
常用的H5标签:
头部标签<header></header>、导航栏标签<nav></nav>、内容标签<article></article>、侧边栏标签<aside></aside>、底部标签<footer></footer>
HTML5标签的优缺点
优点:便于搜索引擎来解析
缺点:会有兼容性问题
HTML5新增的Input内type属性的属性值
新增属性值
注意 属性值为tel时,声明的input标签为电话号码输入,但全世界的号码都不尽相同,所以不能做出明确的限制,需要配合JS和正则表达式来进行限制。
HTML5新增表单属性
表格
修改placeholder的字体颜色
HTML5新增的多媒体标签
<audio>标签 音频标签
当前所支持的三种音频格式
常用的属性和属性值
autoplay:autoplay; 自动播放。
controls:controls; 像用户展示播放控件
loop:loop; 当音频结束时重现开始播放
src:url; 要播放的音频的url(地址)
<video>标签 视频标签
当前视频标签所支持的三种格式
相关属性和属性值
|