Html5课程笔记
H5新增的结构元素: —->块级 双标签 有语义化的标签
header 页眉 通常是一些引导和导航的信息
nav 导航
section 内容
aside 侧边栏
footer 页脚
Video 视频
Audio 音频
Canvas 画布
H5新增的全局属性
ContentEditable 是否允许编辑 ContentEditable = ‘true’
Hidden 规定对元素进行隐藏 hidden= ‘hidden’
Spellcheck 是否进行拼写或者检查 取值为布尔值
Tabindex 规定元素的tab键跌制次序 取值为数字
H5新增的input类型
| 类型 | 使用示例 | 含义** |
| email**** | | 输入邮箱格式 |
| tel**** | | 输入手机号码格式 |
| url**** | | 输入url格式 |
| number**** | | 输入数字格式 |
| search**** | | 搜索框（体现语义化） |
| range**** | | 自由拖动滑块 |
| time**** | | 小时分钟 |
| date**** | | 年月日 |
| datetime**** | | 时间 |
| month**** | | 月年 |
| week**** | | 星期 年 |
- fieldset 元素可将表单内的相关元素分组，打包 legend 搭配使用
用户登录 标题
用户名:
密 码:
常用新属性
| placeholder**** |
占位符 当用户输入的时候 里面的文字消失 删除所有文字，自动返回
| autofocus**** |
规定当页面加载时 input 元素应该自动获得焦点
| multiple**** |
多文件上传
| autocomplete**** |
规定表单是否应该启用自动完成功能 有2个值，一个是on 一个是off
on 代表记录已经输入的值
1.autocomplete 首先需要提交按钮
2..这个表单您必须给他名字
| required**** | : 必填项 内容不能为空
H5虽然能完全脱离插件的情况下播放音视频,但是不支持所有格式
元素支持三种视频格式： MP4, WebM, 和 Ogg:
MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件—>F , C , O
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件—>S , C
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件.–> IE , F , C, O
语法:
语法:
属性: controls=controls 显示控件,
autoplay=’autoplay’ 设置自动播放
loop=”loop” 视频结束时重新开始播放–>循环播放
muted = ‘muted’ 设置静音
width/height 设置视频播放器的宽和高
currentTime 播放所用时间
duration 显示媒体总时间
volume 0.0-1.0的音量的相对值
Muted 是否静音
playbackRate 设置视频的当前播放速度
方法: play( ) 播放
Pause() 暂停
Timeupdate( ) 事件更新
Canplay() 可以播放