html5学习笔记17-拖放、地理定位、视频、音频......

拖放 https://www.runoob.com/html/html5-draganddrop.html

地理定位 https://www.runoob.com/html/html5-geolocation.html
视频 https://www.runoob.com/html/html5-video.html
音频 https://www.runoob.com/html/html5-audio.html

Input 类型 https://www.runoob.com/html/html5-form-input-types.html
通过input节点的type属性控制交互类型。
type="text"为文本输入。
type="submit"时为提交按钮。

表单元素：
datalist> 元素规定输入域的选项列表。
keygen> 元素的作用是提供一种验证用户的可靠方法。
output元素用于不同类型的输出，比如计算或脚本输出。

表单属性：https://www.runoob.com/html/html5-form-attributes.html
multiple 多选。pattern 正则匹配。required 非空。

语义元素：
无语义 元素实例:

和 - 无需考虑内容.
语义元素实例: , , and - 清楚的定义了它的内容.
section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
article> 标签定义独立的内容。.
nav> 标签定义导航链接的部分。
aside> 标签定义页面主区域内容之外的内容（比如侧边栏）。
footer> 元素描述了文档的底部区域.
figure>标签规定独立的流内容（图像、图表、照片、代码等等）。
figcaption> 标签定义 figure> 元素的标题.

Web 存储 https://www.runoob.com/html/html5-webstorage.html
Web SQL 数据库 https://www.runoob.com/html/html5-web-sql.html
应用程序缓存

web worker 是运行在后台的 JavaScript，不会影响页面的性能。
var w= new Worker(“demo_workers.js”);

服务器发送事件(Server-Sent Events)
WebSocket是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
var source=new EventSource(“demo_sse.php”);
source.onmessage=function(event){
document.getElementById(“result”).innerHTML+=event.data + “
”;
};
“demo_sse.php"的源码如下：
?php
header(‘Content-Type: text/event-stream’);
header(‘Cache-Control: no-cache’);
KaTeX parse error: Expected '}', got 'EOF' at end of input: …rver time is: {time}\n\n”;
flush();
?>
用asp写demo_sse也可以。