关注前端开发微信微信号web007007

解决IE6不支持position:fixed的bug 完美兼容

解决IE6不支持position:fixed的bug 完美兼容

IE6很让人脑火,但是在天朝用IE6的用户还是不少的请看下图 废话不多说了,咱们先来看一段代码: <!--正常css--> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;right:30px;top:120px} </style></pre> <!--IE6 css--> <!--[if IE 6]> <style type="text/css"> html{overflow:hi...

阅读全文...

我们能用HTML5 Canvas做什么?

我们能用HTML5 Canvas做什么?

最近在国外问答网站Quora上,许多开发者对于HTML5 Canvas元素的实用性进行了一系列探讨。Canvas非常灵活,能够很好地融合JavaScript代码并在浏览器内绘制华丽的图形。Canvas究竟具体能做些什么?3D3R公司创始人兼CEO Ohad Eder-Pressman的答案十分精彩,我们对其文字进行了翻译和整理,不妨一起来看一看。 图:用Canvas绘制的图形 什么是Canvas? Canvas元素是HTML5的一部分,允许脚本语言动态...

阅读全文...

解决浏览器碎片化,HMTL5大热成趋势

解决浏览器碎片化,HMTL5大热成趋势

作为下一代Web技术的代表,HTML5概念在近些年尤其火热。HTML5已成为2012年各大互联网活动的标配话题。天使投资人、移动世纪会秘书长丁辰灵认为,HTML5技术之所以备受追捧,与它的后天优势不无关系。据了解,HTML5受到垂青最直接的原因就是其跨平台性,除此之外,它不仅仅可以用于表示Web内容,还可能将Web带入一个广阔的生态平台。   HTML5为什么会火起来? 易观国际高级分析师闫小佳在接...

阅读全文...

Ludei:HTML5平台将于今夏支持WebGL 3D

Ludei:HTML5平台将于今夏支持WebGL 3D

HTML5游戏开发平台提供商 Ludei 刚刚增加了对WebGL 3D app的支持,该公司表示开发者现在可以跨各种设备开发3D游戏,不管是台式电脑、智能手机还是平板设备,该功能将会在今年夏季正式推出。   Ludei 的平台将会支持使用了公开WebGL标准的3D游戏, WebGL是一种3D绘图标准,经常被用在3A主机游戏和PC游戏当中。   Ludei CEO Eneko Knorr说:“我们的3D渲染器允许在当今最流行的移动设备上...

阅读全文...

2013.03.06笔试题以及答案

2013.03.06笔试题以及答案

一、简要的说明什么是XHTML并列举出XHTML与HTML的不同点。 二、css行内元素有哪些?块级元素有哪些? 盒模型的哪些? 三、列举css常用的三种引入方式。 1:在head部分加入<link  rel=”stylesheet” type=”text/css” href=”my.css”/>,引入外部的CSS文件。 2:在head部分加入 <style type=”text/css”> div{margin: 0;padding: 0;border:1px red solid;} </style> 3:直接在页面的...

阅读全文...

关于 HTML5 的 5 个误解

关于 HTML5 的 5 个误解

12 月 17 日 W3C 的 CEO Jeff Jaffe 宣布 HTML5 定义完成,即进入了 Candidate Recommendation 阶段,这距离它成为 W3C 的正式推荐标准(Recommendation 阶段)已经很近。然而技术社区对于 HTML5 仍存在很多误解以至于错误理解这一事件的意义。本文试谈几点常见的误解帮助大家了解 HTML5。 HTML5 标准是超炫的技术 HTML5 标准本身是标记语言和语义的规范,所以它不会包括诸如 API 和样式这样的内...

阅读全文...

什么是字节?

什么是字节?

字节,计算机语言,标准单位为Byte 发音:bait. 字节是通过网络传输信息(或在硬盘或内存中存储信息)的单位。网络上的所有信息都是以bit为单位传递的,一个位就代表一个0或1,每8个bit组成一个字节Byte.在ASCII码中,一个英文字母占一个字节的空间,一个中文汉字占两个字节的空间。 符号:英文标点占一个字节,中文标点占两个字节。举例:英文句号“.”占1个字节的大小,中文句号“。”占2个字节的大...

阅读全文...

HTML5语音输入(淘宝语音搜索)方法

HTML5语音输入(淘宝语音搜索)方法

谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单 只需要在input添加属性x-webkit-speech即可,例子如下: <input type=”text” x-webkit-speech /> 这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示 这时说出来识别后就可以了,我测试下来,中文英语的识别率还挺高的。 语音输入其他...

阅读全文...

让IE也支持html5标准

让IE也支持html5标准

相信HTML5标准在全球广泛的使用已经是大势所趋。HTML5能为我们的网页带来更高效简洁的代码,但是IE8以下版本仍然不支持HTML5标签。不过我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5标签支持的问题。 可以从网上直接加载下面的脚本: <!–[if IE]> <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script> <![endif]–> 这是...

阅读全文...

让IE也支持圆角

让IE也支持圆角

css3的圆角属性,能为开发者提高开发的效率。可惜主流的ie6 7 8并不支持该属性。下面介绍一种让ie也支持圆角的方法。 1.首先要下载一个压缩包,里面有一个微软的脚本文件(11KB),里面是IE利用VML矢量可标记语言作为画笔绘出圆角。 下载地址:百度网盘下载 使用方法: .main{ border: 2px solid #C0C0C0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: ...

阅读全文...

HTML5须知十件事

HTML5须知十件事

一两年前,HTML5似乎还是一个模糊的概念,只有少数几个互联网的书呆子才会关心。而现在,却感觉仿佛HTML5无所不在了。感谢Mozilla 和Chrome的快速发布,以及微软IE9的部署(IE 10现在也处于“技术预览”状态了),数量有限(或者说比有限要更好些)的支持HTML 5的浏览器已将近人人皆可享受。开发人员开始利用那些得到广泛实现的功能特性。不出1年HTML 5就将得到完全支持,而规范也正在迅速到达稳定...

阅读全文...

HTML5 jQuery 绘图插件

HTML5 jQuery 绘图插件

Websanova Paint 是一个利用 HTML5 画布(canvas)技术的 jQuery 插件。它能够让你自由的在画板区域使用各种颜色画出任意的形状,还能够涂改。它能让你设定所画形状的边框,然后用颜色填充。你还能调整画笔的粗细。它的一个最有趣的功能是能让你把画好的作品保存成图片,日后你还能载入这个图片进行二次修改,但有个限制,图片只支持 PNG 格式的。下面是演示: 这个 jQuery 插件的下载地址是:http...

阅读全文...

网页浏览新天地–谷歌字体服务

网页浏览新天地–谷歌字体服务

近日,google提供了一项新的服务,google在线网页字体服务。这是一个高品质的网页字体集合,同时提供了使用相关的API。对于网页设计师和web开发人员来说无疑是个好消息,从此我们将不需要担心客户机器上是否有我们想要放到网页中的字体啦。 谷歌API提供的字体使用起来非常简单,只需要在HTML代码中添加一两行,如下demo: <html> <head> <link href='http://fonts.googleap...

阅读全文...

HTML5入门(第三课)HTML5网站布局

HTML5入门(第三课)HTML5网站布局

&lt;!DOCTYPE html&gt; &lt;htmlang = &quot;en&quot;&gt; &lt;head&gt; &lt;meta charset = &quot;utf-8&quot;&gt; &lt;title&gt;<a href="http://www.web92.net/tag/html5-2" title="查看 HTML5 中的全部文章" target="_blank">HTML5</a> Demo&lt;/title&gt; &lt;bo...

阅读全文...

HTML5入门(第二课)HTML5标签语法介绍及新增标记

HTML5入门(第二课)HTML5标签语法介绍及新增标记

1、语法标签: (1)不允许写的结束符的标签:area、base、br、col、command Embed、hr、img、input、keygen、link、meta、param、source、 Track、wbr (2)可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option Colgroup、thread、tbody、tr、td、th (3)可以完全省略的标签:html、head、body、colgroup、tbody   2、新增标签: <article>  标记定义一篇文章 <aside>...

阅读全文...

HTML5入门(第一课)了解HTML5的理由和新特性

HTML5入门(第一课)了解HTML5的理由和新特性

理由: 1、兼容性,老版本的浏览器上也可以运行(不是很靠谱) 2、实用性,简化了标签,细分了功能,增加了移动互联网元素 3、革命性,HTML不再是简单的标签语言,增加了API、渲染等 新特性: 1、微数据与微格式等方面的支持 , 2、本地存储,离线应用 3、API调用,地图,位置,LBS等 4、连接通讯,后台线程, 5、多媒体 , 6、三维、图形及特效, 7、支持CSS3

阅读全文...

HTML4和HTML5之间的10个主要不同

HTML4和HTML5之间的10个主要不同

HTML5是最新的HTML标准,或迟或早,所有的web程序员都会发现需要使用到这个最新的标准,而且,很多人都会感觉到,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处。 事实上,HTML5并没有对HTML4做什么重大的修改,它们很多东西都是相似的。 可是,其中有一些很重要的区别你需要知道。下面列出的就是一些HTML4和HTML5之间主要的不同...

阅读全文...

解读关于HTML5的六个传说

解读关于HTML5的六个传说

HTML5是本年度最热的网络技术名词之一。先是Google在前领军,在自家服务嵌入HTML5技术(例如Gmail的拖曳附档),接着各家浏览器和网路公司分头抬轿,几乎全网络圈都等着迎接大明星HTML5正式版的到来。 但是,身为一个非技术人员,为免落入「别人吃面你喊烧」的窘境,继刊出《关于HTML5,你应该了解的五件事》报导后,我们要再次进行对HTML5的扫盲,让你不仅看热闹,还能学会看门道: HTML5 会取代...

阅读全文...

HTML5 未来不可阻挡的力量

HTML5 未来不可阻挡的力量

  最近Gartner(美国一家从事信息技术研究和咨询的公司)的报告预测,下一代Web技术成为基础业务还需要5到10年的时间。但开发人员都在快速前进,以致于以Html5为核心的应用程序在几个月内就变得无处不在。Gartner已经制作并大肆宣传了自1995年以来的周期报告,很好地记录了未来技术如何随时间演变的预测。例如,公司今年发布的关于近场通信(NFC)的预测分析就比较准确,但是这一次却错过...

阅读全文...

Adobe 发布 Flash 转换成 Html5 工具 代号Wallaby(沙袋鼠)

Adobe 发布 Flash 转换成 Html5 工具 代号Wallaby(沙袋鼠)

Adobe 今日 发布了Flash 到 HTML5的一键转换工具,方便各开发人员对现有的flash资源复用。 提供给那些不支持Flash的设备,比如iOS.该工具代号为 Wallaby(沙袋鼠) 可以到adoeb lab 下载: http://labs.adobe.com/technologies/wallaby/ 通过简单的推拽,你就可以把flash 成功转换成 html5. 这样就更方便的在不支持flash的设备上使用. 当然 并不是所有的Flash里面的功能都能完整的转换成html5, adob...

阅读全文...