在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也…
工作中遇到iframe随所含内容自适应高度的问题，以前在网上看到过类似问题的解决方法，于是搜索一下，找到了一个比较完整的能够兼容浏览器的解决方法，不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大 家一种iframe动态调整高度的方法，主要是以下JS函数： 第一种方法：代码简单，兼容性还可以，大家可以先测试下。 代码如下: …
怎么忍心把页面写得这么难用？是的，这个世界还有一群人等着我们创建出来的东西，可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端，我们又怎么会忍心呢。之前就一直想写这样的一篇文章，分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 2HTML T2ag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML，让某些人的生活可以更容易。 今天想分享的是如何去使用我们的 HTML Tag, 把 WCAG 的标准和语义网的目标进行代码上的体现： 1. 文档声明：<!Doctype&…
Flash VS HTML5之争似乎即将见分晓。Adobe周一宣布发布首个Adobe® Edge公众预览版，这是一款新型网页互动工具，可令网页设计者将动画整合到采用HTML、JavaScript 和CSS等标准的网站中去，无需Flash。这表示Adobe妥协了么？。 鉴于HTML5发生的快速变化，Adobe将采用一种开放式开发策略来推广Adobe® Edge，同时将比正常情况下更早在Adobe Labs发布这款软件，以便获取用户的反馈改善最终产品性能。在公开测试期间，Adobe® Edge可…
Progress元素是HTML5标准草案中新增的元素之一。默认情况下，Progress 会生成一个和系统默认样式一样的进度条。 定义和用法： <progress> 标签定义运行中的进度（进程）。 可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。 属性： value：表示当前进度 max：表示总进度 注：value和max属性的值必须大于0，value的值小于或等于max属性的值。 实例： <!DOCTYPE HTML> <html&…
XFN，XHTML Friends Network，XHTML社交网络，http://gmpg.org/xfn/ ，是一个通过XHTML标记语言在网页上表示人与人之间的社交关系的方法。 rel=”friend”这个是对这个链接的关系声明，声明我与该链接的主人是朋友关系，当然除朋友外还有很多其他关系，具体就要查看XFN1.1，也就是这个链接：http://gmpg.org/xfn/11 在HTML文档的标签中使用“profile”属性引入一个声明，声明在这个HTML文档…
IE6下 PNG背景 和PNG图片是不透明的，会有一层阴影，怎么解决这个问题呢？请按下面的步骤来做： 下载下面的文件。下载后解压出一个 iepng.js 然后将此文件上传至images 目录内。 iepng.rar 上传好之后 打开你模版的 header.htm 文件。 在</head> 的上面一行添加下面的代码： <!--[if IE 6]> <script src="$imgpath/iepng.js" type="text/javascript"></script&…
HTML5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走，但 HTML 5 正在改变 Web。 HTML 最近的一次升级是1999年12月发布的 HTML 4.01。自那以后，发生了很多事。最初的浏览器战争已经结束，Netscape 灰飞烟灭，IE5 作为赢家后来又发展到 IE6, IE7,IE8到IE9。…