删除的属性大多都是可以用CSS替代的一些样式属性设置网页标题前面的小图标的大小<link rel="icon" href="demo_icon.gif" type="image/gif" size="16x16"> <script defer src="http://code.jquery.com/jquery-1.10.min.js" onload="alert(‘a‘)"></script><script async src="http://code.jquery.com/jquery-migrate-1.2.1.min.js" onload="alert(‘b‘)"></script>script标签新增两个属性是:defer和async以前没有这个属性时，执行...
这些天 Apple 已经推出了 iOS 7 以及 iPhone 5S 和 iPhone 5C 。Apple 面向 web 开发者仅仅发布了 10% 的所需信息，我可以说这是自 1.0 以来，bug 最多的 Safari 版本嘛。文本我将介绍新的 API 和特性，以及如果你有网站或 webapp ，马上需要处理的大多数问题。简而言之没有时间读这篇长文？UI 变化：工具栏色彩，新的全屏导航问题，新的主屏图标尺寸；iPhone 未使用 <title>；可能与新手势冲突。新设备：对 web 开发者而言没有任何...
HTML5拖放能够将本地的文件拖放到页面上，plupload又是很好的文件上传插件，而今天就将两者结合，做了个文件拖拽上传的功能。简述HTML5拖放拖放是HTML5标准的一部分，任何元素都能够拖放，也能够将本地的文件拖放到页面上。设置元素可拖放为了使元素可拖动，把 draggable 属性设置为 true<img draggable="true"/>拖放事件有7个拖放事件可以捕获，如下：dragstart：开始拖元素触发dragenter：元素拖进可drop元素（绑定drop事件的元素...
HTML5新增与结构有关的元素1、section元素2、article元素3、aside元素4、header元素5、hgroup元素6、footer元素7、nav元素8、figure元素原文：http://blog.csdn.net/you23hai45/article/details/44263415
一、HTML5 Notification 简介HTML5 Notification ，即桌面通知。目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开。Notification可以跨越沙盒能够让浏览器即使是最小化状态也能将消息通知给用户。二、桌面提醒API复制代码代码如下:window.webkitNotifications该API有3个方法：复制代码代码如下:requestPermission 请求桌面通知checkPermission 检查桌面通知许可（PERMISSION_ALLOWED = 0, PERMISSI...
实现方法： （1）利用canvas画布，fillRect()描绘出一个矩形（不是透明），定位盖在某个标签如div上面（这个标签写着中奖的信息） （2）globalCompositeOperation = ‘destination-out‘;利用此属性，手指划过画布，arc(x,y, radius, 0, Math.PI*2, true)绘画圆形，那么这个圆形会把之前描绘出的矩形穿透，看到div标签的内容globalCompositeOperation属性： globalCompositeOperation 属性设置或返回如何将一个源（新的...
==============================================1.required --- 必填字段验证2.minlength, maxlength --- 字符长度验证3.min, max --- 数值范围验证 用于number,range 和日期时间类型4.step --- 步长验证5.pattern --- 正则表达式验证6.novalidate（form中） ---禁用表单验证 formnovalidate(submit中) ---禁用表单验证 <form action=" " method="post"> <div>用户名：<input type="text" minlength="3" maxlength="10" req...
1、拖动元素img的相关设置： 设置元素可以拖动属性draggable="true" 设置元素被拖动时触发的事件ondragstart="drag(event)"图片元素可拖动的完整代码HTML：<img id="drag1" src="images/ycbt1.JPG" draggable="true" ondragstart="drag(event)"/>Javascript：<script> function drag(event){event.dataTransfer.setDate("Text",ev.target.id); } </script>2、设置允许拖动对象放置的元素div： 允许拖动图片放置在div内，阻...
pip安装html5lib包的时候报一下错误：? /test sudo pip install html5libThe directory '/Users/lele/Library/Caches/pip/http' or its parent directory is not owned by the current user and the cache has been disabled. Please check the permissions and owner of that directory. If executing pip with sudo, you may want sudo's -H flag.The directory '/Users/lele/Library/Caches/pip' or its parent directory is ...
1 背景用户本地有一份txt或者csv文件，无论是从业务数据库导出、还是其他途径获取，当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候，首先要将本地文件上传至ODPS，普通的小文件通过浏览器上传至服务器，做一层中转便可以实现，但当这份文件非常大到了10GB级别，我们就需要思考另一种形式的技术方案了，也就是本文要阐述的方案。技术要求主要有以下几方面：<ul list-paddingleft-2"="" style="box-sizing: bord...
1 背景用户本地有一份txt或者csv文件，无论是从业务数据库导出、还是其他途径获取，当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候，首先要将本地文件上传至ODPS，普通的小文件通过浏览器上传至服务器，做一层中转便可以实现，但当这份文件非常大到了10GB级别，我们就需要思考另一种形式的技术方案了，也就是本文要阐述的方案。技术要求主要有以下几方面：支持超大数据量、10G级别以上稳定性：除网络异常情况1...
<video><audio> 音乐视频直接加，待尝试<canvas> 大内容，另学<svg> 同上<input type=‘*‘> 新加了好多，然后手机端还可以识别。email,url,search,date系列,number,range,color，特别是后四个，要用上原文：http://www.cnblogs.com/yedeying/p/3618745.html
HTML标签分为块级元素和行内元素。行内元素和块级元素区别 1、块级元素会独占一行，其宽度自动填满其父元素宽度；行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化 2、 块级元素可以设置 width, height属性；行内元素设置width, height无效 3、 块级元素可以设置margin 和 padding；行内元素的margin 和 padding在水平方向有效，竖直方向无效 4、行内...
废弃的元素和属性【1】标签替换<acronym>替代:<abbr> <applet>替代:<embed> 或 <object> <big>替代:<h1>或<strong>或<mark> <dir>替代:<ul> <frame><frameset><noframes>替代:CSS或<iframe> <isindex>替代:表单控件 <tt>用<kbd>或<var>或<code>或<samp>替代 <u>用<em>或<b>或<mark>替代 <xmp>用<code>替代 【2】CSS替换<basefont>用CSS替代 <center>用CSS替代 <font>用CSS替代 <s><strike>用CSS替代 【3】废弃的属性<a...
说到html5，每次都从语义化标签说起，却每次都记不起来。 1.语义化标签： header\section\aside\footer 2.音视频播放： video\audio 其中video支持ogg\mpeg4\webm格式的视频； 3.canvas 一.画矩形：1function draw(){ 2var canvas = document.getElementById(‘mycanvas‘); 3if (canvas.getContext){ 4var ctx = canvas.getContext(‘2d‘); 5 ctx.fillRect(25,25,100,100); 6 ctx.clearRect(45,45,60,60); 7 ...