html5兼容标签-如何解决html5新标签的兼容问题

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

HTML5如何添加元素来兼容旧浏览器？

老师抛给我们的一个问题是：如何让IE8兼容这种标签？ （需要在JS中设计DOM）

不过其实我昨晚刚刚讲的内容还是需要理解的。

复制代码代码如下：

HTML5新元素在旧浏览器中的兼容性-HTML5 Freelancer

底部面积

导航区

文章区

顶部区域

在支持HTML5标签的浏览器中显示为：

|------------------------------傲游浏览器---------------- - ---------------------------|

|底部区域|

|导航区|

|文章区|

||

|------------------------------------------------ ----------------------------------------------------|

在较旧的浏览器中，显示样式为：

----------------------------IE6浏览器----------------- --- ------------------------

----------------------------IE8浏览器----------------- --- ------------------------

它们的疗效都是一样的。 如果不出什么问题的话，旧的浏览器无法识别新添加的标签html5兼容标签，所以都是用内联元素处理的。 因此，解决方案有了突破html5兼容标签，使其成为球形元件。 它将在同一行，以便在新旧浏览器中都可以显示相同的疗效。 另外，让浏览器识别标签。 具体解决办法是添加标签：

IE8/IE7/IE6支持由document.createElement形成的标签，可以利用该功能使该浏览器支持HTML5新标签，代码如下：

document.createElement('new label');//添加创建新标签

JS代码如下：

复制代码代码如下：

document.createElement('标题');

document.createElement('nav');

document.createElement('文章');

document.createElement('页脚');