ie8支持html5吗

ie8不支持html5,若是想要ie8支持html5,有两种方式:1、引用google的html5.js文件,并将代码放到head标签区间;2、通过添加“while (i–){document.createElement(e[i])}”代码实现支持HTML5元素。

ie8支持html5吗

本教程操作环境:Windows10系统、HTML5版、Dell G3电脑。

ie8支持html5吗?

不支持。

但是让IE(ie6/ie7/ie8)支持HTML5元素,我们可以在HTML头部添加以下JavaScript,这是一个简单的document.createElement声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在http请求。

立即学习“前端免费学习笔记(深入)”;

  方式一:引用google的html5.js文件,代码内容可以自己下载下来看。

 

登录后复制

  将以上代码放到head标签区间

  方式二:自己coding JS搞定。

    (function() {     if (!      /*@cc_on!@*/     0) return;     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');     var i= e.length;     while (i--){         document.createElement(e[i])     } })() 

登录后复制

  不管你用上面哪中方式,请记得在CSS中进行如下定义,目的是让这些标签成为块状元素,just like div。

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

登录后复制

推荐学习:《HTML5视频教程》

以上就是ie8支持html5吗的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2922092.html

(0)
上一篇 2025年3月11日 18:34:59
下一篇 2025年2月21日 16:37:15

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • react怎么实现文件上传

    react实现文件上传的方法:1、通过“import { Table, Button, Modal, Form, Input, Upload, Icon, notification } from ‘antd’;”引入…

    2025年3月11日
    200
  • react 怎么实现删除功能

    react实现删除功能的方法:1、给li标签添加一个点击事件,代码如“ {value}”;2、通过列表点击事件“handleItemClick(index) {…}”实现删除功能即可。 本教程操作环境:Windows10系统、r…

    2025年3月11日
    200
  • object.assign()怎么用

    object.assign()方法用于将所有可枚举属性的值从一个或多个源对象(sources)分配到目标对象(target),并返回目标对象;语法“Object.assign(target, …sources)”,参数“targ…

    2025年3月11日
    200
  • vue组件怎么传值

    传值方法:1、利用props实现父传子;2、子传父,需要自定义事件,在子组件中用“this.$emit(‘事件名’)”触发,而父中用“@事件名”监听;3、兄弟间,通过公有父元素作为桥接,结合父子props传参、子父自定义事件;4、用路由传值…

    2025年3月11日
    200
  • react跳转传值怎么实现

    react跳转传值的实现方法:1、通过“history.push”或“NavLink”实现页面跳转;2、通过“this.props.history.push({pathname: ‘login’,query: {id…

    2025年3月11日
    200
  • react怎么实现表头固定

    react实现表头固定的方法:1、通过Ant Design的Table组件实现表格固定表头;2、使用“rc-table”实现移动端表格表头固定;3、通过监听div的onscroll事件,改变div的scrollLeft属性。 本教程操作环境…

    2025年3月11日
    200
  • react 怎么改变列表状态

    react改变列表状态的方法:1、打开相应的react文件;2、循环一个列表,然后通过index改变原数组项;3、通过state更改原数组,使列表重新渲染即可。 本教程操作环境:Windows10系统、react18.0.0版、Dell G…

    2025年3月11日
    200
  • react native更新失效怎么办

    react native更新失效的解决办法:1、直接把IPA包提交App Store审核,然后把IPA包upload到pushy平台;2、归档出的IPA包upload到pushy平台,然后把IPA包提交到iTunes connect;3、通…

    2025年3月11日
    200
  • vite和webpack的区别是什么

    区别:1、webpack服务器启动速度比vite慢;由于vite启动的时候不需要打包,也就无需分析模块依赖、编译,所以启动速度非常快。2、vite热更新比webpack快;vite在HRM方面,当某个模块内容改变时,让浏览器去重新请求该模块…

    2025年3月11日
    200
  • es6中includes返回的是什么

    es6中includes()返回的是布尔值。includes()方法用于判断字符串/数组是否包含指定的值,语法“ojb.includes(searchvalue, start)”;如果找到匹配的值则返回true,否则返回false。 本教程…

    2025年3月11日
    200

发表回复

登录后才能评论