低版本浏览器如何兼容HTML5的新增标签？

一、普通标签兼容问题

方案一：

step1:将新增标签当做自定义标签，用js创建

<script>
document.createElement("leo");//可以使用自定义标签
document.createElement("header");
document.createElement("article");
document.createElement("aside");
document.createElement("section");
document.createElement("footer");
</script>

step2:给新增标签加上display样式。
如：display:block;

方案二：

使用Google插件

<script src="html5shiv.js"></script>

注意：自定义标签不可以被插件识别

一、功能标签兼容问题

如：datalist details progress
解决办法：用js来实现兼容