HTML5基础

HTML5 基础

html5的推出时间2014年

为什么要推出html5版本

开发角度：代码严格，规范

用户角度：用户体验

html更新了哪些好用的东西

新增了语义化标签和属性

新增了一些好用的api（接口）定位，存储

强大之处

面试的时候 html5常见的语义化标签

单页面 spa

替代部分开发 安卓 苹果

语义化标签

总结: - 在写pc端的时候 这几个语义化标签常用吗？不常用 - pc端结构都非常的多 不常用 - 在移动端的时候

 了解
        - 在工作中不考虑h5低版本兼容 h5就不能在低版本浏览器上使用
        - 提供一种方法兼容低版本 js插件 - 了解

section,header,nav,main,asdie,article,mark,footer,figule,figcaption,dialog,fieldset,title

音视频

音视频的使用

音频标签：audio

视频标签：video

属性：

src 表示导入音视频的资源 路径

controls 控件

autoplay 自动播放

loop 循环播放

muted 禁音

独有的属性：poster 当视频没有播放的时候 首屏出现的图片

注意：

音频标签默认在浏览器中是不显示的 display：none

音视频标签默认样式在每一个浏览器上都是不一样的

在谷歌浏览器上默认是不会进行播放的（谷歌追求性能 禁止了所有动态的东西）

智能表单

智能表单使用注意点：

智能表单和之前学的功能按钮一样需要放在form表单框内

还需要有提交按钮

智能表单只能验证格式是否符合条件 不能验证当前输入框的文本是否存在

智能表单中的属性

required 写在哪个input内 就表示需要填写 必填项

min，max

step 步幅，间隔

新增的属性

1.placeholder和value之间的区别

value是占位置的 输入的时候需要手动的删除（文本属性）

placeholder是不占位置的，输入时会自动消失（颜色属性）

2.autofocus 自动聚焦 网页中只会有一个自动聚焦

3.autocomplete

必须要有提交记录（提交按钮-form表单框）

autocomplete属性值为on（打开）off（关闭）

必须要有一个name属性

4.navalidate 取消验证

5.multiple 一次可以选择多个文件