web development blog

> 标签 html

html5兼容处理:旧版ie也能认识html5

html5html 96 浏览 评论 2012/07/11

 毫无疑问,HTML5 是当今互联网领域的一大热点,作为前端人员,我们更关注的浏览器对html5的支持性,目前Firefox、Google Chrome、Opera、Safari、Internet Explorer 等浏览器已不同程度支持 HTML5,其中要属ie支持最差,ie9以下全军覆没,根本就不认识html5标签。那么如何让旧版IE浏览器认识HTML5元素呢?

 其实,每个浏览器都有一份清单列举自己所支持的HTML元素,不在清单上的元素都将被视为未知元素,浏览器是不会给未知元素设定任何样式的。

在IE9之前的旧版IE浏览器中,未知元素的DOM显示是不正确的,IE浏览器会在DOM中插入一个没有子元素的空节点。所有你原本认为将会成为这个未知元素的子元素的元素...

阅读全文 >>

Web页面布局经验和技巧

布局技巧htmlcss 204 浏览 1 评论 2012/05/06

web页面布局,是前端工作中必须的技能之一。对于设计稿的还原,很多人都是在视觉上的还原,没有考虑设计切图的合理性,和页面结构的语义化, 和css是否简洁,以及命名是否友好并规范化。

对这项工作,你可能是拿到设计稿,不管什么,就是根据自己的经验思路,马上着手切图,然后进行布局!你有没有想过,拿到设计稿后,而是停留在页面的设计,然后仔细的查看全部设计稿。然后分析这套设计搞的整体框架,对页面的区域进行模块化,对每个模块的局部公共样式进行模块化。从大区域到小区域,一点点的细分。从全局角度就考虑web站点的结构和风格,对自己要如何还原设计心中有了个模型,然后在着手切图。

 

我的布局方式:

  • 1.整体浏览设计稿(对web站点的框架栏目有一定的模型)
  • 2.对整体页面进...

阅读全文 >>

首页|前端技术|编程/php|生活|关于我

Copyright © 2012 wmhfly.com