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