HTML5
文章平均质量分 67
大爱无疆强
这个作者很懒,什么都没留下…
展开
-
开发人员必知的28个HTML5新特性及技巧
1、新的doctype还在用下面这个长的根本没法记住的doctype吗?如果是,那么赶紧使用新的吧。事实上,HTML5根本不需要这个东西,这是用来给浏览器兼容用的,如果浏览器不认识一个doctype,那么他会使用标准模式来解析。所以,没什么好担心的,尽管用吧。2、Figure元素看看下面的这个图片的说明部分吧:Image of Mars. 想把图片和转载 2013-07-17 16:23:55 · 639 阅读 · 0 评论 -
条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT operator. This转载 2014-05-27 21:47:50 · 665 阅读 · 0 评论 -
手机网页点击链接触发手机自动拨打或保存电话的代码
通过网页拨打电话 拨打电话 注: 135xxxxxxxx是号码, 你可以换成你想拨打的号码. 通过网页存储电话号码 存储号码 注: 这种方法可以直接调出手机的保存电话号码的界面. 以上方法在Dopod机器上验证过. 其他机器不保证是否实现了WTAI. 最后摘录一段WTAI的介绍: WTAI: wireless Telephony applica转载 2014-04-24 12:34:19 · 1392 阅读 · 0 评论 -
如何使input双击时不显示历史记录
HTML的输入框可以拥有自动完成的功能,当你往输入框输入内容的时候,浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面,这样就不用全部输入进去了,直接选择列表中的项目就可以了。 但有时候我们希望关闭输入框的自动完成功能,例如当用户输入内容的时候,我们希望使用AJAX技术从数据库搜索并列举而不是在用户的历史记录中搜索。 关闭输入转载 2014-04-24 08:28:15 · 2593 阅读 · 0 评论 -
link rel=canonical 用法
2009年2月份,谷歌、雅虎和live search 三家搜索引擎宣布支持Link的一个新属性Canonical,其目的是帮助网站管理员们,解决网站内容存在多个版本时,指定规范链接,帮助解决内容重复收录问题。其标准用法是: Html代码 link rel="canonical" href="http://www.domain.com/index.html" /转载 2013-08-27 13:08:22 · 5550 阅读 · 0 评论 -
指尖下的js ——多触式web前端开发之一:对于Touch的处理
水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候,那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感,因为正是他们(而不是水果)让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程序员来说,这种让人欲罢不能的多触式体验似乎跟我们关系不大,因为浏览器那一小块地方就是我们转载 2013-08-16 16:58:52 · 617 阅读 · 0 评论 -
<meta name="format-detection"/> 的用处
在编写 HTML 时,有一个 meta 元素:这个页面有何用途呢?当该 HTML 页面在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。在 iPhone 上默认值是:如果你不希望手机自动将网页中的电话号码显示为拨号的超链接,那么可以这样写:×转载 2014-03-28 15:53:50 · 740 阅读 · 0 评论 -
html5 canvas旋转
利用rotate函数可以实现图形的旋转功能。其函数原型如下:rotate (angle);这里需要注意的是,传入rotate里的参数angle是弧度而不是角度。如果角度为angle,那么换算为弧度就是angle*Math.PI/180,具体实现方法如代码清单3-5所示。代码清单 3-5var c=document.getElementById("myCanvas转载 2014-03-30 23:22:55 · 1096 阅读 · 0 评论 -
HTML5去除input [type=search] 的默认边框和删除按钮
input [type=search] 是HTML新属性 , 定义用于搜索的文本字段;x-webkit-speech 属性:在GOOGLE浏览器上 还会显示一个小话筒 autocomplete="off" 属性 关闭浏览器自动记录之前输入的值 webkit内核浏览器里 input 框类型如果是 type="search"转载 2014-03-28 15:29:33 · 14744 阅读 · 0 评论 -
html5 canvas 图片水平翻转
一个html5游戏 要求把图片 水平翻转 在网上找了资料要不是看不懂 就是看了没用 不满足需求 图片翻转 可以利用css IE的滤镜 由于项目不需要兼容IE所以直接无视它 o(∩_∩)o 哈哈 图片翻转有以下几种方式: css -moz-transform: matrix(-1, 0, 0, 1, 0, 0); chrome safari -webkit-transf转载 2014-03-30 23:35:43 · 7292 阅读 · 0 评论 -
应用缓存初级使用指南
简介离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制,但它们并不可靠,也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。使用缓存接口可为您的应用带来以下三个优势:离线浏览 - 用户可在离线时浏览您的完整网站速度 - 缓存资源为本地资源,因此加载速度较快。服务器负载更少 - 浏览器只会从发生了更改的服转载 2014-01-11 20:33:16 · 614 阅读 · 0 评论 -
HTML5图片预览
两种方式实现URLFileReader html5 图片上传预览 #preview { width: 300px; height: 300px; overflow: hidden; } #preview img {转载 2013-12-20 14:38:52 · 952 阅读 · 0 评论 -
HTML(5) 不要求标签自闭合
XHTML教导我们,标签都是要闭合的,不能包含子元素的标签需要自闭合。但HTML5是没有这个要求的,所有HTML中都没这个要求,是XHTML将这门松散的语言变得严格起来。XHTML诸多严格,包括标签都要闭合,包括tagName和属性都要小写等。HTML 第一版追溯HTML的元祖第一版,就是不要求自闭合的,如下的一段用法就表明了其的松散随意1234转载 2013-11-30 23:13:11 · 2538 阅读 · 0 评论 -
解决html5 + js开发APP无法显示SVG问题(转化成canvas)
项目里用到了kendo UI DataViz的折线图、饼状图等去显示一些统计信息,这些图的显示用到了SVG。 现在最新的Chrome、Safari、Moz都支持了SVG标签,甚至是iPhone里的Safari都支持了SVG。 但是Android要到3.0版本及以上才支持SVG,如果不是3.0及更高版本,用户必须升级浏览器内核才能显示。 这里有个解决方案,可以将SVG转换为canv转载 2013-11-26 13:23:02 · 4258 阅读 · 0 评论 -
移动平台前端开发总结(针对iphone,Android等手机)
移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,需要对HTML5和CSS3有一定的了解。1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 (1)转载 2013-08-07 11:46:48 · 885 阅读 · 0 评论 -
URL中#号(井号)的作用
今天又看到了一篇非常好的来自HTTPWatch的文章,不得不推荐给大家。1. 井号在URL中指定的是页面中的一个位置井号作为页面定位符出现在URL中,比如:http://www.httpwatch.com/features.htm#print ,此URL表示在页面features.htm中print的位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域。在页面上添加锚转载 2013-07-19 16:22:07 · 1482 阅读 · 0 评论 -
IE(IE6/IE7/IE8)支持HTML5标签
让IE(ie6/ie7/ie8)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。 方式一:引用google的html5.js文件,代码内容可以自己下载下来看。转载 2014-08-04 15:18:42 · 519 阅读 · 0 评论