HTML5周记（二）

【HTML5周记（二）】的更多相关文章

大家好,很高兴又跟大家见面了!本周更新博主将给大家带来更精彩的HTML5技术分享,通过本周的学习,可实现大部分的网页制作.以下为本次更新内容. 第四章 css盒模型 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .div1{ width: 100p…

各位开发者朋友和技术大神大家好!博主刚开始学习html5 ,自本周开始会每周更新技术博客,与大家分享每周所学.鉴于博主水品有限,如发现有问题的地方欢迎大家指正,有更好的意见和建议可在评论下方发表,我会第一时间回复.好了,话不多说,下面开始我的分享! 第一章 HTML的初识一.HTML的基本结构 <!DOCTYPE html><html> <head…

HTML5（二）音频视频画布

HTML5 Audio(音频) 定义和用法 <audio src="someaudio.wav" controls="controls"> 您的浏览器不支持 audio 标签. </audio> 提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息. 音频格式的MIME类型 Format MIME-type MP3 audio/mpeg Ogg audio/ogg Wav audio/wav 属性属性…

HTML5(十二)——一文读懂 WebSocket 原理

一.WebSocket 由来 WebSocket 是一个持久化的协议,通过第一次 HTTP Request 建立连接之后,再把通信协议升级成 websocket,保持连接状态,后续的数据交换不需要再重复请求.websocket 可以看成一种类似 TCP/IP 的 socke t技术,在 web 应用中实现.并获得同 TCP/IP 通信一样的双向通信功能,因此客户端既和服务器可以发送消息也可以接收消息,同时还支持多路复用的功能,由于它借用了 HTTP 协议的一些概念,所以被称为 WebSocket…

HTML5系列二（标签元素、FileReader、拖放）

nav元素的使用场合页面中可以包含多个nav元素,通常情况下头部和尾部都会包含导航,这样提高了可访问性,访客能够清晰的将其辨认出来.nav元素是一个可以用来作为页面导航的链接组:其中的导航元素链接到其他页面或当前页面的其他部分. <nav> <ul> <li><a href="http://www.cnblogs.com">博客园</a></li> <li><a href="/home…

初学HTML5系列二：HTML5新增的事件属性

Window事件属性: 属性值描述 onafterprint script 文档打印之后运行的脚本. 属性发生于用户设置页面打印并且打印对话框已出现之后. onbeforeprint script 文档打印之前运行的脚本.属性在用户已设置页面打印之后立即触发,但是在打印对话框出现之前. onbeforeunload script 文档卸载之前运行的脚本. onerror script 在错误发生时运行的脚本. onhaschange script 当文档已改变时运行的脚本. onmess…

HTML5 微信二维码提示框

这是一个js的小案例,主要效果是显示一个微信二维码的提示框,非常简单实用. 源码如下: JS部分 <script src="js/jquery-1.8.3.min.js"></script> <style> *{padding: 0; margin: 0} .wb-box{ position: fixed; width: 100%; height: 100%; background: rgba(255,255,255,0.8); display: n…

玩转html5（二）----用canvas结合脚本在画布上画简单的图（html5又一强大功能）

在html5中可以使用canvas标签在画布上画图,先直接上代码,这篇文章先简单介绍一下canvas的使用方法,简单画几个圆,矩形,三角形,写字. 在代码中均给出了注释,在这里特别强调的一点是:使用canvas画图时有时候必须beginPath和colsePath,但有时不需要,为了防止出现问题,可以在每次重新画一个图时重新开启路径,画完后关闭路径. 这些代码是在猎豹浏览器上实现的,有些浏览器可能不支持. <!DOCTYPE html> <meta charset="utf-8…

HTML5进阶(二)HBuilder实现软件自动升级

HBuilder实现软件自动升级前言移动APP开发好后需要实现软件自动升级功能,经过一番搜索,发现HBuilder具有"App资源在线升级更新"的功能,遂研究之. 经过一番测试,在源码思想的基础之上对其进行了优化.代码如下: var wgtVer = null; function plusReady(){ // 获取本地应用资源版本号 plus.runtime.getProperty(plus.runtime.appid,function(inf){ wgtVer=inf.vers…

html5（二）

*{ margin:0px; padding:0px;} h1{ font:bold 20px verdana,sans-serif;} h1{ font:bold 14px verdana,sans-serif;} header,section,footer,aside,nav,article,figure,figcaption,hgroup{ display:block;} body{ text-align:center;} #wrapper{ width:960px; margin:15p…