HTML5界面框架】【HTML5 】怎么才能在 IE 中使用 HTML5 元素

2020-12-22 09:44发布

6条回答
听雨
2楼 · 2020-12-22 19:33

利用JS创建HTML5中的元素即可


(function(){       

  var html5= "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video".split(',');    

   for(var i = 0, len = html5.length; i < len>

      document.createElement(html5[i]);    

  }

})();


duans
3楼 · 2020-12-23 19:41

IE浏览器之所以不支持HTML5中新标签的原因是在IE的DOM树中不存在这些HTML新标签的DOM对象, 所以

第一种解决方案:

自己在网页中手动创建这些HTML新标签对应的DOM对象

 document.createElement('header')

 document.createElement('section')

...

第二种解决方案:

引用一个html5shiv.js的js库, 这个库中也是手动创建HTML5新增元素对用的DOM对象, 只不过它写的比较完善而已

https://github.com/aFarkas/html5shiv/blob/master/dist/html5shiv.js

我是大脸猫
4楼 · 2020-12-24 10:18

越来越多的站点开始使用 HTML5 标签,但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问,解决方案有下面两个:

1.为网站创建多套模板,通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面,例如:优酷网。

2.使用Javascript来使不支持HTML5的浏览器支持HTML标签。

针对IE比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。

html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以只需要在页面head中添加如下代码即可:

复制代码

代码如下:


[removed][removed]

浅浅77
5楼 · 2020-12-25 10:25

让样式在 IE 中作用到未知的元素上——仅需 JS 创建此未知元素即可。

Hello World!

 1

 2
 3

 5
[removed]
 6
document.createElement("section")[removed]
 7

 8

 9

Hello World!

10
11

方便地使用HTML5元素

JS for HTML5

py大白
6楼 · 2020-12-25 12:34

越来越多的站点开始使用 HTML5 标签,但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问,解决方案有下面两个:

1.为网站创建多套模板,通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面,例如:优酷网。

2.使用Javascript来使不支持HTML5的浏览器支持HTML标签。

针对IE比较好的解决方案是html5shiv。htnl5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。

html5shiv的使用非常的简单,考虑到IE9是支持html5的,所以只需要在页面head中添加如下代码即可:

复制代码

代码如下:


[removed][removed]


哼哼哼哼哼
7楼 · 2021-01-27 18:30

使用js新增元素的方法,但是默认是内联元素,然后自己添加对应样式即可,

方便的话 直接去搜谷歌封装好的,html5shiv.js

相关问题推荐

  • 回答 11

    格式:定义文本的文本方向,使其脱离其周围文本的方向设置。定义有记号的文本。定义预定义范围内的度量。定义任何类型的任务的进度。定义若浏览器不支持 ruby 元素显示的内容。定义 ruby 注释的解释。定义 ruby 注释。定义日期/时间。定义可能的换行符。表单...

  • 回答 8

    你没有设置好,具体解决方法如下。输入如下代码:width表示宽度height表示高度下图所示,我将图片的宽和高通通缩小,可以看到,图片的尺寸果然按照我的意愿进行了改变。

  • 回答 1

    1. jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0,默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标,还新增了开关控件、通用过...

  • 回答 2

    www.changshaxx.com提供免费的智能建站服务,只要会上网,就可轻松建立属于自己和公司的网站。

  • 回答 1

    1.uikit   http://www.getuikit.net/docs/documentation_get-started.html 2.MINI.CSShttps://minicss.org/3.Spectrehttps://picturepan2.github.io/spectre/layout/grid.html 4.Milligramhttps://milligram.io/#get...

  • 回答 6

    最准确的网页设计思路是把网页分成三个层次,即:结构层、样式层、行为层。HTML:结构层网页的结构或内容层是该页面的基础HTML代码。CSS:样式层该层指示结构化HTML文档如何看待网站的访问者,并由CSS(层叠样式表)定义。JavaScript:行为层行为层使网站具有...

没有解决我的问题,去提问