Blog

IE6支持HTML5的方法

 

真正关注和学习HTML5才刚有一个多月,感觉有些落伍了。深切体会到,做前端的人千万懒不得,要不断更新补充新知识,这样才能更加适应工作需要。 虽然HTML5的标准发布还需要些年月,但各大主流浏览器(像Safari、Chrome、Opera和Firefox等)都已积极参与到HTML5标准的制定和推广中;且已有为数不少的网站已经在采用HTML5标准来设计和开发。所以,学习和使用HTML5已势在必行。初做这个决定时,还是有些茫然, 不知从何学起,不过好在网络资源丰富,下载了HTML5手册,并搜藏了相关HTML5的技术论坛等等。有空就会挨着看一看。但说真的,百看不如一试,这些知识如果只是看是不容易弄懂并记住的,而且有时候会以为自己懂了,其实根本没懂。之所以说这么多,是因为最近完成的一个基于HTML5标准的小网站深有体会。 初步着手感觉挺简单,就是将 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> 换成: <!Doctype html> <head> <meta charset="utf-8"> </head> 还有就是使用新标签元素header、nav、footer、aside等替换掉以前用id命名来区别各区块的div。完成后用默认的火狐浏览器测试通过,就这样,我毫无困难的完成了一个HTML5网页的输出,当然我心里是充满疑惑的,感觉没这么简单。确实,当我在IE6浏览器打开时,有些傻眼了,是乱的,好像所有的样式都没用的那样。后来搜索了下,发现原来遇到的是个根本性问题,IE6无法识别HTML5新元素,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式,难怪。与此同时了解到针对IE浏览器比较好的解决方案——html5shiv,html5shiv主要就是解决IE6-8不能识别HTML5新元素的问题,它通过执行 document.createElement(elementName)使CSS样式能应用在IE6-8的未知元素上。真是得感谢html5shiv的作者。下面分享下具体解决办法: 添加如下三行代码到你的html文件中,且注意,一定要放在head标签内,这是为了让IE6在元素解析前认识那些新元素: <!--if lt IE 6]--> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <!--endif]--> 这里调用了html5shiv作者放在Google code project上的JS文件,当然我建议大家把它下载下来直接放到我们的项目文件中调用。 此外,上面的<!--if lt IE 6]-->是针对IE的一个判断语句,只有在IE浏览器中才会被识别并加载;而在其它浏览器理解下,它不过是个注释,不会被执行的。

Words translated by CCJK

146,096,379

Request a call or contact us

  •  

    Call ccjk.support for professional assistance

  •  

    Click Here to leave us a message and be as detailed as possible.

We are Certified

Our Client Satisfaction

rating for previous quarte

4.00
  •  
    Inquiry Form

    Please take few minutes to fill
    inquiry form and get Free Quote

  •  
    Request a Call

    Click to receive Free Call, Our
    Representative will contact you

  •  
    Leave a Message

    Please leave us a message and
    be as detailed as possible

Over 95% of our clients recommend our language services to others


Copyright © CCJK Technologies Co., Ltd. 2000-2017. All rights reserved.
TOP