zoukankan      html  css  js  c++  java
  • 使用html5兼容低版本浏览器

    因为html5 新出的一些语义化的标签,在低版本浏览器下不能识别,举个例子,比如你写了一个 header 标签中,写了一段文本,在低版本浏览器下,肯定是能看到的,但是,那是他是不认识 header标签的,只是展示的内容而已,如果你给header添加一个样式,肯定是不可以的,我们要解决的就是让低版本的浏览器认识并解析我们的html5标签。

    别人的解决方法,我copy过来了,是自己经过测试的。

    第一种方法:

    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

     在header头部,最前面加入这段代码,以达到在低版本浏览器下更快的解析。加入上面的代码你就可以尽情的使用html5了

    第二种方法:

    <!--[if lt IE 9]>
    	<script>
    	(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
    	</script>
    	<![endif]-->

    上面e字符串中,是你要使用的html5标签,你可以在里面添加你要使用的标签,还要在css加这么一句, 让他们的表现展示它本来的块元素

     

    /*html5*/
    article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
    

      

    网上的这种文章还是很多,其实能解决问题就可以,以目前浏览器支持html5的概率来说,其实是可以使用html5了

    参考文章:

    http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.html

    如果您看了本篇博客,觉得对您有所收获,请点击右下角的 [推荐]

    如果您想转载本博客,请注明出处

    如果您对本文有意见或者建议,欢迎留言

    感谢您的阅读,请关注我的后续博客

  • 相关阅读:
    WPF关于“在“System.Windows.Markup.StaticResourceHolder”上提供值时引发了异常。”问题解决办法
    未知的生成错误 因为没有预加载,所以无法解析程序集 GalaSoft.MvvmLight
    C#中的??是什么意思
    WIN10使用管理员权限运行VS2013
    路飞项目
    DRF
    Vue
    dsdffd
    python学习第45天
    python学习第44天
  • 原文地址:https://www.cnblogs.com/geek12/p/4552724.html
Copyright © 2011-2022 走看看