html页面使用IE9文档模式(浏览器模式和文档模式)

对于调试html页面的兼容性而言,特别苦逼,每个浏览器都需要一一去调试,特别是360安全浏览器(兼容模式),有的时候IE,火狐,谷歌…浏览器都正常,而偏偏360安全浏览器(兼容模式)不正常,要纠结很久,才能正常的把兼容性调试完。 为了能够快速解决兼容性的问题,我还是选择浏览器模式和文档模式的修改。   在较新的IE浏览器中(如IE8, IE9, IE10),为了解决兼容性的问题,引入了浏览器模式和文档模式两个概念,浏览网页时可以通过按F12键看到这两种模式。 浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版本的,还有css里也有判断ie版本的)。 文档模式的主要作用是影响浏览器显示网页HTML的方式,在接到返回的HTML文件后,决定以哪个IE版本的文档模式解析该页面(举例来说:JS脚本就是依赖文档模式,IE9的js变化就需要IE9文档模式来支持)。 –来源于网络 如何把html页面使用IE9文档模式? 在Head->Title下添加<META http-equiv=”X-UA-Compatible” content=”IE=9″ > </META>,这样可确保HTML页面工作在IE9标准文档模式下。

【html5】加速Web开发的9款知名HTML5框架

伴随着智能手机正在席卷整个移动市场,在移动设备上开发出兼容性高的网站已变的非常重要,本文推荐9款非常流行的HTML5框架,可以轻松助你开发出兼容各个移动平台的网站。 与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。 如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用HTML5框架来提升整个开发过程,并且让网站拥有一致性结构。 伴随着智能手机正在席卷整个移动市场,在移动设备上开发出兼容性高的网站已变的非常重要,相信所有的网站所有者都希望自己的网站能够兼容所有的智能手机平台,HTML5框架可以轻松解决这种跨平台问题。 如果你是一名Web设计师,你肯定有兴趣开发出杀手级的应用,那么使用下面推荐的HTML5框架将会对你的开发过程产生巨大的帮助,帮你搭建跨平台网站。 1. LungoJS 这个是被认为开发移动网站最好的HTML5开发框架,使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性,可捕捉事件包括滑动、触屏、长按等。无需使用图片,全部采用向量声称。 Lungo.JS 无需服务器端支持,可帮助实现 HTML5 特性,包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架,可用来创建应用、游戏等程序。 2.Kendo UI Kendo UI是一个HTML5平台,开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件,如图表、组合框以及常用表格。 3.Sencha Touch Sencha Touch是第一个基于HTML5的移动应用框架,利用JavaScript、HTML5和CSS3来构建移动应用程序,该框架利用本地代理存储离线数据,具体使用HTML5来渲染视频和音频组件。 可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的Web标准,全面兼容Android和Apple iOS设备。 4.Jo 该框架可以创建像本地一样的应用,并且兼容任何操作系统,无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。 5.52 Framework 52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。 6. G5 Framework 如果你想要快速实现Web开发,并且想要重用ant主题或应用程序或网站项目,那么G5 框架是您最好的选择,因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外,它还集成其他许多功能,例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。 7.LimeJS LimeJS … Continue reading “【html5】加速Web开发的9款知名HTML5框架”

【HTML】hideFocus的使用技巧

hideFocus即隐藏聚焦,具有使对象聚焦失效的功能。 其功能相当于:  onFocus="this.blur()" 它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。  你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用了hideFocus则不会有虚线框。 在IE下,需要在标签 a 的结构中加入 hidefocus="true" 属性。即: 而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即: a { outline:none; }

【html5】字符实体

  注释:实体名称对大小写敏感! 显示结果 描述 实体名称 实体编号   空格 &nbsp; &#160; < 小于号 &lt; &#60; > 大于号 &gt; &#62; & 和号 &amp; &#38; " 引号 &quot; &#34; ' 撇号  &apos; (IE不支持) &#39; ¢ 分 &cent; &#162; £ 镑 &pound; &#163; ¥ 日圆 &yen; &#165; € 欧元 &euro; &#8364; § 小节 &sect; &#167; © 版权 &copy; &#169; … Continue reading “【html5】字符实体”