HTML5 新增的元素
HTML5 新增元素
1.1. 标签增删
1.1.1 新增标签
首先 HTML5 为了更好的实践 web 语义化，增加了 header，footer，nav，aside，section，main，article，figure 等语义化标签。
| 标签 | 用法 |
|---|---|
| header | 头部标签 |
| nav | 导航标签 |
| article | 内容标签 |
| section | 块级标签 |
| aside | 侧边栏标签 |
| footer | 尾部标签 |
在表单方面，为了增强表单，为 input 增加了 color，email，date ，range 等类型。
1.2. web存储方面
提供了 sessionStorage，localStorage，通过这些存储方式方便数据在客户端的存储和获取。
1.3. 多媒体方面
规定了音频和视频元素 audio 和 video，source，embed，track。
1.3.1 audio
audio 标签属性：
src：音乐的URL；preload：预加载；autoplay：自动播放；loop：循环播放；controls：浏览器自带的控制；
1.3.2 video
video 标签属性：
src：视频的URL；poster：视频封面，没有播放时显示的图片；preload：预加载；autoplay：自动播放；loop：循环播放；controls：浏览器自带的控制条；width：视频宽度；height：视频高度；
方法：load() play() pause()
事件：play() playing() pause() seeked() seeking() abort()，当音频/视频的加载已放弃时触发
1.4. 本地离线存储
把需要离线存储在本地的文件列在一个 manifest 配置文件。
1.5. 其他
另外还有地理定位，canvas 画布，拖放，多线程编程的 web worker 和 websocket 协议。
HTML 文章被收录于专栏
HTML/HTTP/浏览器
投递快手等公司10个岗位