文章目录
前言
一、HTML5新增特性?
1.语义化标签:header、footer、section、nav、aside、article
2.增强型表单:input 的多个 type
3.新增表单属性:placehoder、required、min 和 max
4.音频视频:audio、video
5.canvas 画布
6.地理定位 : HTML5 Geolocation API 用于获得用户的地理位置。
7.拖拽
8.本地存储:localStorage 没有时间限制的数据存储;
sessionStorage, session 的数据存储,当用户关闭浏览器窗口后,数据会被删除
9.新事件:onresize、ondrag、onscroll、onmousewheel、onerror、onplay、onpause
拖拽::拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。
设置元素为可拖放:
<imgdraggable="true"> //首先,为了使元素可拖动,把 draggable 属性设置为 true
ondragstart 和 setData() //拖动什么
ondragover //放到何处
ondrop //进行放置
1.语义化标签
常见的标签:
标签 | 描述 |
---|---|
article | 定义页面独立的内容区域 |
header | 定义了文档的头部区域 |
nav | 定义文档的导航 |
section | 定义文档中的节(section、区段) |
aside | 定义页面的侧边栏内容 |
dialog | 定义对话框,比如提示框 |
time | 定义日期或时间 |
mark | 定义带有记号的文本 |
2. 表单类型增强
HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
input的类型 | 描述 | </
---|