语义化标签的兼容

对于低版本浏览器: 

  1. 在代码使用语义化标签之前定义一对 script 标签。

// 内容如下： 每个需要的语义化标签都创建一个节点
<script>
  document.createElement("header");
  document.createElement("article");
  ...
</script>

  2. 如果单纯的只设置上面的内容, 内容会在页面呈现 行内元素 的样式

// 设置为 块级元素, 由于script标签位置不固定[除了影响获取元素的情况以外]，因此一般将 上面的script标签 写在style标签中
<style>
  header, article, aside, ...{
    display: block;
  }
</style>

 

快捷方式, 引用插件 --- 'html5shiv.js'

// 直接引用就行
<script src="html5shiv.js"></script>