摘要: * autocomplete autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。 注释:autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, passw 阅读全文
posted @ 2016-06-14 22:07 嘉禾世兴 阅读(331) 评论(0) 推荐(0) 编辑
摘要: * datalist datalist 元素规定输入域的选项列表。 列表是通过 datalist 内的 option 元素创建的。 如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id: * keygen keygen 元素的作用是提供一种验证用户的可 阅读全文
posted @ 2016-06-14 21:51 嘉禾世兴 阅读(225) 评论(0) 推荐(0) 编辑
摘要: * email * url * number * range * data HTML5 拥有多个可供选取日期和时间的新输入类型: date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间(小时和分钟) datetime - 选取时间、日、月、年(UT 阅读全文
posted @ 2016-06-14 21:45 嘉禾世兴 阅读(266) 评论(0) 推荐(0) 编辑
摘要: Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。 以前也可能做到这一点,前提是网页不得不询问是否有可用的更新。通过服务器发送事件,更新能够自动到达。 创建一个新的 EventSource 对象,然后规定发送更新的页面的 URL(本例中是 阅读全文
posted @ 2016-06-14 21:37 嘉禾世兴 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。 计 阅读全文
posted @ 2016-06-14 21:32 嘉禾世兴 阅读(182) 评论(0) 推荐(0) 编辑
摘要: HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 例: 如需启用应用程序缓存 阅读全文
posted @ 2016-06-14 21:25 嘉禾世兴 阅读(287) 评论(0) 推荐(0) 编辑
摘要: HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 阅读全文
posted @ 2016-06-14 21:09 嘉禾世兴 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 检测是否支持地理定位 如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。 如果getCurrentPosition()运行成功,则向参数showPosition中规定的函数返回一个coordinates对象 showPosition() 函数获得并显 阅读全文
posted @ 2016-06-14 21:03 嘉禾世兴 阅读(338) 评论(0) 推荐(0) 编辑
摘要: * SVG SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图 阅读全文
posted @ 2016-06-14 20:54 嘉禾世兴 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG 的优势 与其他图像格式相比(比如 阅读全文
posted @ 2016-06-14 20:51 嘉禾世兴 阅读(409) 评论(0) 推荐(0) 编辑
摘要: 什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 * 添加 canvas 元素。规定元素的 id、宽度和高度: * canvas 阅读全文
posted @ 2016-06-14 20:44 嘉禾世兴 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 效果图: 为了使元素可拖动,把 draggable 属性设置为 true : 拖动什么 - ondragstart 和 setData() drag(event),它规定了被拖动的数据。 dataTransfer.setData() 方法设置被拖数据的数据类型和值: 数据类型是 "Text",值是可 阅读全文
posted @ 2016-06-14 20:25 嘉禾世兴 阅读(333) 评论(0) 推荐(0) 编辑
摘要: 当前,audio 元素支持三种音频格式: <audio> 标签的属性 如果出现该属性,则音频在页面加载时进行加载,并预备播放。 如果使用 "autoplay",则忽略该属性。 阅读全文
posted @ 2016-06-14 20:08 嘉禾世兴 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 效果图: 阅读全文
posted @ 2016-06-14 20:03 嘉禾世兴 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 当前,video 元素支持三种视频格式: Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 <vi 阅读全文
posted @ 2016-06-14 19:56 嘉禾世兴 阅读(415) 评论(0) 推荐(0) 编辑
摘要: HTML5 建立的一些规则: 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash) 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立于设备 开发进程应对公众透明 HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 阅读全文
posted @ 2016-06-14 19:54 嘉禾世兴 阅读(175) 评论(0) 推荐(0) 编辑