ie8及以下浏览器使用HTML5新标签

最新推荐文章于 2025-10-01 09:38:37 发布

原创最新推荐文章于 2025-10-01 09:38:37 发布 · 255 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

25 篇文章

订阅专栏

界面优化

12 篇文章

订阅专栏

部分浏览器如早期IE8及更早版本不支持HTML5新增元素，为使其支持，可采用document.createElement方法。思路是先判断浏览器，若为ie8及以下，就用该方法创建元素。

由于有些浏览器并不支持HTML5中新增的元素（header,footer, section,article,nav等），如早期的IE8或更早版本。为了让其支持新增的HTML5元素，

可以使用document.createElement 的方法

思路：先判断浏览器--ie8及以下使用该方法创建元素

 var DEFAULT_VERSION = 8.0;  
 var ua = navigator.userAgent.toLowerCase();  
 var isIE = ua.indexOf("msie")>-1;  
 var safariVersion;  
  if(isIE){  
    safariVersion =  ua.match(/msie ([\d.]+)/)[1];  
  }  
  if(safariVersion <= DEFAULT_VERSION ){  
     document.createElement('article')
     document.createElement('header')
  };