![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
html5
L鹿先生
站在巨人的肩上
展开
-
05-HTML5强大的新 API,05-Web SQL
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-09 22:58:45 · 246 阅读 · 0 评论 -
05-HTML5强大的新 API,07-Web Sockets
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-09 23:54:19 · 186 阅读 · 0 评论 -
05-HTML5强大的新 API,09-Web Workers
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-10 00:18:01 · 179 阅读 · 0 评论 -
05-HTML5强大的新 API,08-SSE(服务器发送事件)
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-09 23:58:52 · 281 阅读 · 0 评论 -
05-HTML5强大的新 API,06-应用程序缓存
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-09 23:32:37 · 149 阅读 · 0 评论 -
05-HTML5强大的新 API,04-web 存储
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-09 22:46:09 · 163 阅读 · 0 评论 -
05-HTML5强大的新 API,03-地理定位
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-09 22:35:48 · 182 阅读 · 0 评论 -
05-HTML5强大的新 API,02-拖放 API
HTML5 API:1、文件 API (规范与本地文件进行交互的标准方法)2、拖放 API (提供了直接支持拖放操作的API)3、地理定位 (获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL (在浏览器上模拟数据库,可以使用JS来操作SQL完成对数据的读写)6、应用程序缓存 (创建 web 应用的离线版本。可以在没有网络连接的情况下进行访问...原创 2020-03-09 22:23:12 · 132 阅读 · 0 评论 -
05-HTML5强大的新 API,01-文件 API
HTML5 API1、文件 API2、拖放 API3、地理定位(获取地理位置信息)4、web 存储 (在本地存储用户的浏览数据) 5、Web SQL 6、应用程序缓存 (离线应用程序)7、Web Sockets (通信API)8、SSE9、Web Workers (使用Web Workers处理线程)1、文件 API<input type = "fil...原创 2020-03-09 21:32:01 · 137 阅读 · 0 评论 -
04-HTML5强大的多媒体支持(借由 video和audio)
video—最好的 HTML 解决方法<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src=...原创 2020-03-09 17:17:22 · 184 阅读 · 0 评论 -
03-HTML5强大的图像支持(借由canvas和svg)
web端图像绘制手段:canvas:绘制位图, 图像中不会产生任何新的dom对象。SVG:绘制矢量图,图像中包含子dom节点方便js交互。位图成像是以像素为单位的,而矢量图是以线条为构成单元 位图放大后会失真,清晰度下降,但矢量图支持缩放,不会因缩放产生图像失真。但是位图成像色彩更丰富。<canvas id="canvas" width="" height=""></ca...原创 2020-03-09 16:20:11 · 227 阅读 · 0 评论 -
02-HTML5新的表单控件,比如数字、日期、时间、日历和滑块。
HTML5 增加了多个新的输入类型:color 用于应该包含颜色的输入字段。date 用于应该包含日期的输入字段。datetime 允许用户选择日期和时间(有时区)。datetime-local 允许用户选择日期和时间(无时区)。email 用于应该包含电子邮件地址的输入字段。month 允许用户选择月份和年份。number 用于应该包含数字值的输入字段。range ...原创 2020-03-09 15:57:11 · 1030 阅读 · 0 评论 -
01-HTML5新的语义标签比如 <header>, <footer>, <article>, <section>,<aside>等
HTML5新的语义标签:headerfooternavmainsectionasidearticlemark定义有记号的文本timedetails定义元素的细节。(详细信息)summary为 元素定义可见的标题。figure定义媒介内容的分组,以及它们的标题。figcaption定义 figure...原创 2020-03-09 15:40:18 · 383 阅读 · 0 评论