HTML5 Web Workers
web worker 是运行在后台的 JavaScript，不会影响页面的性能。
什么是 Web Worker？
当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。……继续阅读 »
2年前 (2022-07-28) 249浏览 0评论
0个赞
HTML5 Audio(音频)
HTML5 提供了播放音频文件的标准。
互联网上的音频
直到现在，仍然不存在一项旨在网页上播放音频的标准。
今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。
HTML5 规定了在网页上嵌入音频元素的标准，即使用 <audio> 元素。
浏览器支持
Internet Explorer 9+, Firefox, Oper……继续阅读 »
2年前 (2022-07-24) 232浏览 0评论
0个赞
HTML5 MathML
HTML5 可以在文档中使用 MathML 元素，对应的标签是 <math>…</math> 。
MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。
注意：大部分浏览器都支持 MathML 标签，如果你的浏览器不支持该标签，可以使用最新版的 Firefox 或 Safari 浏览器……继续阅读 »
2年前 (2022-07-19) 225浏览 0评论
0个赞
HTML5 表单元素
HTML5 新的表单元素
HTML5 有以下新的表单元素:
<datalist>
<keygen>
<output>
注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。
HTML5 <datalist> 元素
<datalist> 元素规定输入域……继续阅读 »
2年前 (2022-07-18) 257浏览 0评论
0个赞
HTML5 简介
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5 简单易学。
什么是 HTML5?
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某……继续阅读 »
2年前 (2022-07-16) 161浏览 0评论
0个赞
function checkVideo() {
let support = “非常棒！你的浏览器支持HTML5 video标签！”,
someSupport = “Meh. Some support.”,
notSupport = “Sorry. No video support.”,
vidTest = document.createE……继续阅读 »
2年前 (2022-07-16) 212浏览 0评论
0个赞
HTML5 Canvas
<canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。
在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。
你的浏览器不支持 HTML5 的 <canvas> 元素.
var c=document.getElementById(“myCanvas”);
var canvOK=1;
try ……继续阅读 »
2年前 (2022-06-18) 214浏览 0评论
0个赞
HTML5 Geolocation（地理定位）
HTML5 Geolocation（地理定位）用于定位用户的位置。
定位用户的位置
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
浏览器支持
Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geol……继续阅读 »
2年前 (2022-06-17) 173浏览 0评论
0个赞
HTML5 表单属性
HTML5 新的表单属性
HTML5 的 <form> 和 <input>标签添加了几个新属性.
<form>新属性：
autocomplete
novalidate
<input>新属性：
autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalid……继续阅读 »
2年前 (2022-06-17) 102浏览 0评论
0个赞
HTML5 测验
/*$(function() {
$.post(“/try/quiz/html5.php”,
{
},
function(data){
$(“#content”).html(data)
});
})*/
HTML5 测验一
HTML5 测验二
HTML5 测验三
HTML5 测验四
HTML5 测验五
HTML5 测验六……继续阅读 »
2年前 (2022-06-17) 109浏览 0评论
0个赞
HTML5 服务器发送事件(Server-Sent Events)
HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。
Server-Sent 事件 – 单向消息传递
Server-Sent 事件指的是网页自动获取来自服务器的更新。
以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。
例子：Facebook/……继续阅读 »
2年前 (2022-06-16) 165浏览 0评论
0个赞
HTML5 Web 存储
HTML5 web 存储，一个比 cookie 更好的本地存储方式。
什么是 HTML5 Web 存储?
使用HTML5可以在本地存储用户的浏览数据。
早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能.
数据以 键/值 对存在, web网页的数……继续阅读 »
2年前 (2022-06-12) 219浏览 0评论
0个赞
HTML(5) 代码规范
HTML 代码约定
很多 Web 开发人员对 HTML 的代码规范知之甚少。
在2000年至2010年，许多Web开发人员从 HTML 转换到 XHTML。
使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。
而针对于 HTML5 ，我们应该形成比较好的代码规范，以下提供了几种规范的建议。
使用正确的文档类型
文档类型声明位于HTML文档的第一行：
<!DOCT……继续阅读 »
2年前 (2022-06-10) 212浏览 0评论
0个赞
HTML5 Web SQL 数据库
Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。
如果你是一个 Web 后端程序员，应该很容易理解 SQL 的操作。
你也可以参考我们的 SQL 教程，了解更多数据库操作知识。
Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。
核心……继续阅读 »
2年前 (2022-06-09) 242浏览 0评论
0个赞
HTML5 浏览器支持
你可以让一些较早的浏览器（不支持HTML5）支持 HTML5。
HTML5 浏览器支持
现代的浏览器都支持 HTML5。
此外，所有浏览器，包括旧的和最新的，对无法识别的元素会作为内联元素自动处理。
正因为如此，你可以 “教会” 浏览器处理 “未知” 的 HTML 元素。
甚至你可以教会 IE6 (Windows XP 20……继续阅读 »
2年前 (2022-06-07) 317浏览 0评论
0个赞
HTML5 SVG
SVG 定义为可缩放矢量图形。
HTML5 支持内联 SVG。
HTML <svg> 元素是 SVG 图形的容器。
SVG 有多种绘制路径、框、圆、文本和图形图像的方法。
SVG
Sorry, your browser does not support inline SVG.
什么是SVG？
SVG 指可伸缩矢量图形 (Scalable Vector Graphic……继续阅读 »
2年前 (2022-06-05) 158浏览 0评论
0个赞
HTML5 语义元素
语义= 意义
语义元素 = 有意义的元素
什么是语义元素?
一个语义元素能够清楚的描述其意义给浏览器和开发者。
无语义 元素实例: <div> 和 <span> – 无需考虑内容.
语义元素实例: <form>, <table>, and <img> – 清楚的定义了它的内容.
浏览器支持
Intern……继续阅读 »
2年前 (2022-05-26) 189浏览 0评论
0个赞
HTML5 应用程序缓存
使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。
什么是应用程序缓存（Application Cache）？
HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。
应用程序缓存为应用带来三个优势：
离线浏览 – 用户可在应用离线时使用它们
速度 – 已缓存资源……继续阅读 »
2年前 (2022-05-25) 158浏览 0评论
0个赞
HTML5 WebSocket
WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
在 WebSocket API 中，浏览器和服务器只需要做一个握手……继续阅读 »
2年前 (2022-05-15) 235浏览 0评论
0个赞
#div1, #div2
{float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;}
function allowDrop(ev)
{
ev.preventDefault();
}
function drag(ev)
{
ev.dataTransfer.setData(“Text……继续阅读 »
2年前 (2022-05-15) 171浏览 0评论
0个赞
HTML5 新元素
HTML5 新元素
自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。
为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如:
图形的绘制，多媒体内容，更好的页面结构，更好的形式
处理，和几个api拖放元素，定位，包括网页
应用程序缓存，存储，网络工作者，等。
<canvas……继续阅读 »
2年前 (2022-05-15) 136浏览 0评论
0个赞
