HTML5语义化标签兼容IE9以下的浏览器

github地址：https://github.com/21MrLi/html-jiangrong

方法一在头部添加：

<!-- [if lte IE 8] --><script type="text/javascript" src="js/html5shiv.js"></script><!-- [endif] -->

方法二原生创建html5新增标签：

头部创建标签

<script type="text/javascript">
     var h5Tags=['header' ,'footer','article','nav' ,'section']
     for(var i=0;i<h5Tags.length;i++){
      document.createElement(h5Tags[i]);
     }
</script>

在css中添加

<style>
    header,footer,article,nav,section{display:block}
</style> 

语义化标签简介

<article> 定义文章            

<aside> 定义文章的侧边栏

<figure> 一组媒体对象以及文字    

<figcaption> 定义 figure 的标题

<footer>定义页脚            

<header>定义页眉

<hgroup>定义对网页标题的组合    

<nav>定义导航

<section> 定义文档中的区段        

<time>定义日期和时间

<dialog>定义一个对话框
<header></header>
<footer></footer>
<nav></nav>
<section> <section> 页面上的版块
用于划分页面上的不同区域,或者划分文章里不同的节
<article></ article > 

用来在页面中表示一套结构完整且独立的内容部分，可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容等。

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption> figure的子元素 用于对figure的内容 进行说明
<time></time>

<datalist></datalist>选项列表。与 input 元素配合使用，来定义 input 可能的值。

<mark></mark> 需要标记的词或句子
<details></details>用于描述文档或文档某个部分的细节
< summary></summary> details 元素的标题
该元素用于摘录引用等 应该与页面的主要内容区分开的其他内容
语义化标签介绍引用原文链接：https://blog.csdn.net/qq_41229582/article/details/80637518