HTML5网页制作实例:让IE8支持footer标签_HTML/Xhtml_青云站长教程网
欢迎来到站长教程网!
  • 秒到短信接口 免费试用
  • 微信支付宝接口 秒结算
  • 中文网站排名|申请加入
  • 搜索引擎全站查询
  • 查询移动网站权重数据
  • 海外主机 台湾公司直销
  • HTML/Xhtml

    当前位置:主页 > 网页制作 > HTML/Xhtml >

    HTML5网页制作实例:让IE8支持footer标签

    时间:2019-07-10|栏目:HTML/Xhtml|点击:
  • 网页制作Webjx文章简介:怎么让ie9以下的浏览器认识你的html5标签名。

    因为我们网站不需要兼容ie6,7,我就在网站上用了footer这个标签,结果发现ie9倒是支持这个标签,但是发现ie8却不支持这个标签,代码:

    <!doctype html>
     
    <html>
     
            <head>
     
                    <style type="text/css">
     
                    footer{
     
                    display:block;
     
                    }
     
                   
                    </style>
     
                    <script type="text/javascript">
     
                            document.createElement("footer");
     
                    </script>
     
           
     
            </head>
     
            <body>
     
                    <footer>
     
                            <p>
     
                                    我是一个段落
     
                            </p>
     
                    </footer>
     
           
     
            </body>
     
    </html>

    放到ie8浏览以下,大家可以发现在ie8里,footer部分的代码ie8遇到这个标签就自动闭合了。ie8里footer部分代码是这样的。

    <footer />
     
          <p>
     
               我是一个段落
     
          </p>
     
    <footer />

    这样就会导致你在ie8里不认这些标签,当然ie6,7就更不认了,到时候这些浏览器里布局就会乱。
    于是我写了以下css代码。

    footer{display:block;}

    心想,这下ie8该人的这个标签了吧,
    结果ie8却还是不支持。

    在网上找到,原来光这样写写css还不行,在为标签设置display:block的同时还得用js在文档里创建这个元素,现在代码如下,ie8已经认识这个标签,而不会遇见这个标签就给它自动闭合了。

    <!doctype html>
     
    <html>
     
            <head>
     
                    <style type="text/css">
     
                    footer{
     
                    display:block;
     
                    }
     
                   
                    </style>
     
                    <script type="text/javascript">
     
                            document.createElement("footer");
     
                    </script>
     
           
     
            </head>
     
            <body>
     
                    <footer>
     
                            <p>
     
                                    我是一个段落
     
                            </p>
     
                    </footer>
     
           
     
            </body>
     
    </html>

    哈哈,这下以后可以放心的在页面上用html5标签了。

    上一篇:HTML5 Canvas中使用用路径描画圆弧_html5教程技巧

    栏    目:HTML/Xhtml

    下一篇:HTML网页优化:创建良好的网页标记

    本文标题:HTML5网页制作实例:让IE8支持footer标签

    本文地址:http://www.jh-floor.com/wangyezhizuo/HTML_Xhtml/2050.html

    您可能感兴趣的文章

    广告投放 | 联系我们 | 版权申明

    重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

    如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

    联系QQ:888888 | 邮箱:888888#qq.com(#换成@)

    Copyright © 2002-2017 青云站长教程网 版权所有 琼ICP备xxxxxxxx号