2019年2月8日

HTML5(11) 多线程Web Workers

摘要: 一、什么是 Web Worker? 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。 web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。 浏览器支持:Internet Explorer 10, Firefox, Chrome, S... 阅读全文

posted @ 2019-02-08 18:48 springsnow 阅读(255) 评论(0) 推荐(0)

HTML5(10) Web 存储:localStorage 和 sessionStorage

摘要: 一、HTML5 Web 存储HTML5 web 存储,一个比cookie更好的本地存储方式。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大 阅读全文

posted @ 2019-02-08 18:47 springsnow 阅读(437) 评论(0) 推荐(0)

HTML5(9) 语义元素

摘要: 一、什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: 和 - 无需考虑内容. 语义元素实例: , , and - 清楚的定义了它的内容. 1、浏览器支持 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持语义元素。 注意: Internet Explorer 8 及更早... 阅读全文

posted @ 2019-02-08 18:46 springsnow 阅读(209) 评论(0) 推荐(0)

HTML5(8) 表单属性

摘要: 一、HTML5 新的表单属性 HTML5 的 和 标签添加了几个新属性. 新属性: autocomplete novalidate 新属性: autocomplete autofocus form formaction formenctype formmethod formnovalidate formta... 阅读全文

posted @ 2019-02-08 18:45 springsnow 阅读(286) 评论(0) 推荐(0)

HTML5(7) 表单元素

摘要: 一、HTML5 新的表单元素 HTML5 有以下新的表单元素: :input标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。 :标签规定用于表单的密钥对生成器字段。 :标签定义不同类型的输出,比如脚本的输出。 注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单... 阅读全文

posted @ 2019-02-08 18:44 springsnow 阅读(209) 评论(0) 推荐(0)

HTML5(6) Input 类型

摘要: 一、HTML5 新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型:colordatedatetimedatetime-localemailmonthnumberrangesearchteltimeurlweek注意:并不是所有的主流浏览器都支持新的input类型,不过您已经可以在所有主流的浏览器中使用它们了。即使不被支... 阅读全文

posted @ 2019-02-08 18:43 springsnow 阅读(349) 评论(0) 推荐(0)

HTML5(5) 媒体

摘要: 一、HTML5 Video(视频) HTML5 规定了一种通过 video 元素来包含视频的标准方法。 您的浏览器不支持Video标签。 尝试一下 » 注意: Internet Explorer 8 或者更早的IE版本不支持 元素。 1、语法: 元素提供了 播放、暂停和音量控件来控制视频。 同时 元素也提供了 width 和 height 属性控制视频的... 阅读全文

posted @ 2019-02-08 18:42 springsnow 阅读(348) 评论(0) 推荐(0)

HTML5(4) Geolocation(地理定位)

摘要: 一、定位用户的位置HTML5 Geolocation(地理定位)用于定位用户的位置。HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。浏览器支持Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation(地理定位).注意: Geol... 阅读全文

posted @ 2019-02-08 18:41 springsnow 阅读(351) 评论(0) 推荐(0)

HTML5(3) 拖放(Drag 和 Drop)

摘要: 一、拖放在 HTML5 中,拖放(Drag 和 drop)是标准的一部分,任何元素都能够拖放。浏览器支持:Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动。注意:Safari 5.1.2不支持拖动.二、HTML5 拖放实例下面的例子是一个简单的拖放实例:将 RUNOOB.COM 图标拖动到矩形框中。代码: 菜鸟教程(runoob... 阅读全文

posted @ 2019-02-08 18:40 springsnow 阅读(275) 评论(0) 推荐(0)

HTML5(2) 画布Canvas

摘要: 一、什么是 canvas?HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成。标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。二、创建一个画布(Canvas)一个画布在网页中是一个矩形框,通过 元素来绘制。注意: 默认情况下 元素没有边框和内容。简单实例如下:注意: 标签通常需要指定一个id属性 (脚... 阅读全文

posted @ 2019-02-08 17:42 springsnow 阅读(327) 评论(0) 推荐(0)

导航