HTML5
文章平均质量分 87
HTML5
花铛
这个作者很懒,什么都没留下…
展开
-
《一》HTML5新元素
语法规范:标签不区分大小写;元素可以省略结束标签 ;当属性值等于属性时,允许省略属性值;允许属性值不使用引号;在HTML5中专门添加了:页眉,页脚,导航,文章内容等跟结构相关的结构元素标签。section:定义文档中的节或段。比如章节,页眉,页脚或文档中的其他部分。一般用于成节的内容,会在文档流开始一个新的节,与其他部分有关联,由标题和内容组成。article:是一个特殊的section标签,比section有更明确的语义。代表一个独立的,完整的相关内容块。比如文章,博客,评论等。可独立于页面原创 2019-03-13 11:22:47 · 170 阅读 · 0 评论 -
《八》HTML5 Web Workers
JavaScript是单线程的。Web Worker 是运行在后台的 JavaScript,不会影响页面的性能。Web Worker能操作的对象主要包括:一个浏览器对象,只包含4个属性:appName,appVersion,userAgent,platform;一个location对象,但所有的属性都是只读的;一个self对象,指向全局Web Worker线程对象;一个importS...原创 2019-10-24 15:53:14 · 110 阅读 · 0 评论 -
《六》HTML5拖放
拖放,即抓取对象以后拖到另一个位置。在HTML5中,任何元素都能够拖放。设置节点可拖放:draggable属性:告诉浏览器哪些元素需要实现拖拽功能。有三个值:true、false、auto。链接、图片默认支持拖拽。如果一个元素中的文本被选中,那么这个元素和它的文本节点此时都支持被拖拽。<div draggable="true"></div>拖放事件:在被...原创 2020-01-06 11:14:43 · 125 阅读 · 0 评论 -
《十三》HTML5应用程序缓存Application Cache
HTML5引入了应用程序缓存,这意味着web应用可进行缓存,并可在没有因特网链接时进行访问。原创 2020-01-06 18:30:18 · 243 阅读 · 0 评论 -
《九》HTML5 Web Socket
传统的HTTP协议是无状态的,每次请求(request)都要由客户端(如浏览器)主动发起,服务端进行处理后返回response结果,而服务端很难主动向客户端发送数据。这种客户端是主动方,服务端是被动方的传统web模式,对于信息变化不频繁的web应用来说造成的麻烦较小,而对于涉及实时信息的web应用却带来很大的不便。如带有即时通信、实时数据、订阅推送等功能的应用,在websocket规范提出之前,...原创 2020-01-07 11:55:24 · 669 阅读 · 0 评论 -
《十》HTML5 Server-Sent Events
HTML5服务器发送事件(server-sent event)指的是网页自动获取来自服务器的更新。通过服务器发送事件,更新能够自动到达。检测是否支持Server-Sent事件:if(typeof(EventSource)!=="undefined"){ // 浏览器支持 Server-Sent}else{ // 浏览器不支持 Server-Sent..}EventSou...原创 2020-01-07 18:32:31 · 186 阅读 · 0 评论 -
《十二》HTML5 Web SQL 数据库
判断浏览器是否支持Web SQL:if (window.openDatabase) { // 操作 web SQL } else { alert('当前浏览器不支持 webSQL !!!');}打开数据库:openDatabase():用来打开或创建数据库,没有时创建,有则打开。返回的是一个数据库访问对象。openDatabase(数据库名,数据库版本...原创 2020-01-08 12:01:16 · 146 阅读 · 0 评论 -
《十一》HTML5 Web Storage 存储
早期 Web 中使用 Cookie 在客户端保存诸如用户名等简单信息。原创 2020-01-09 08:55:28 · 117 阅读 · 1 评论 -
《七》HTML5 地理定位 Geolocation
HTML5 Geolocation 地理定位用于获取用户的地理位置。由于该特性可能侵犯用户的隐私,所以除非用户同意,否则用户位置信息是不可用的。想要获取用户的位置信息,先需要电脑或手机允许浏览器定位,然后需要浏览器允许网站定位,才能成功。原创 2020-01-09 09:28:58 · 296 阅读 · 1 评论 -
《五》HTML5 多媒体技术
多媒体:是指多种媒体的综合。一般包括文本,声音,图像等多种形式。音视频文件:都是容器文件,也就是在文件里面存放很多数据,包含音视频轨道,其他元数据(音视频封面,标题,子标题,字幕等相关信息)。编解码器:就是对应的一个编码器,一个解码器。音视频的编解码器就是一组算法,用来对一段特定音视频流进行编码或解码,以便音视频能正常播放。编码器的作用就是对原始文件进行有损压缩,只有这样才能得到更小的文件大小和更高的压缩比。解码器能够读懂特定的容器格式并且对其中的音视频轨道进行解码,然后实现播放。音频与视频原始数据都比较大原创 2020-01-09 10:50:47 · 960 阅读 · 0 评论 -
《四》HTML5 SVG
HTML5 SVG:HTML5 支持内联 SVG。SVG 指可伸缩矢量图形.SVG 使用 XML 格式定义图形.SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失.SVG 是万维网联盟的标准.SVG图片用<svg>标记定义,<svg>元素里提供了“width”和“height”两个属性来定义SVG图片的高度和宽度.SVG 是一种使用 XML 描述 2D 图形...原创 2020-01-09 11:50:57 · 202 阅读 · 0 评论 -
《三》HTML5 canvas
canvas元素:是HTML5新增的专门用来绘制图形的元素。canvas元素是一块无色透明的区域,它只是一个容器,本身不具备绘制的功能,开发者通过javascript脚本在区域上实现任意绘图。并不是所有浏览器都支持canvas元素。<body> <canvas id=”mycanvas” width=”” height=””> 您的浏览器...原创 2020-01-13 18:18:48 · 218 阅读 · 1 评论 -
《二》HTML5 表单
:单标记,是秘钥对生成器,能够使用户验证更为可靠。用户提交表单时会生成两个键,一个私钥,一个公钥,私钥保存客户端而公钥会发送到服务器,服务器端会生成一个客户端证书,返回到浏览器让用户下载并保存到本地,用户在需要验证的时候使用私钥和证书,通过相应的安全传输协议传送到服务器端进行验证。目前浏览器支持度较低。:用于不同类型的输出,比如计算或脚本输出。新增的表单属性:HTML5 的 和标签添加了几个新属性:input新属性:autocomplete:规定input元素输入字段是否启用自动完成功能原创 2020-01-14 17:28:03 · 159 阅读 · 0 评论