简介
html5shiv 是一个开源的 JavaScript 库，用于解决旧版本 Internet Explorer 浏览器不支持 HTML5 标签的问题。如果你需要在网站中使用 HTML5 标签（如 <section>、<article>、<header>、<footer> 等），那么就需要引入 html5shiv。
安装
安装 html5shiv 非常简单，只需要运行以下命令即可：
--- ------- ------ ---------
使用
在 HTML 文件中引入 html5shiv
在 HTML 文件的 <head> 标签中引入 html5shiv 的代码如下：
------- -- -- --- ------- ------------------------------------------------------------ ------------
这段代码会检测当前浏览器是否是低于 IE9 版本的 Internet Explorer 浏览器，如果是，则会加载 html5shiv 库文件。
在 CSS 文件中使用 HTML5 标签
在 CSS 文件中使用 HTML5 标签需要添加以下代码：
------- -------- ------- ------ ---- -------- ------- ---------- -
-------- ------
-这样就可以让低于 IE9 版本的 Internet Explorer 浏览器正确地显示 HTML5 标签了。
示例代码
HTML 代码
--------- -----
----- ----------
------
----- ----------------
---------------- ----------
------- -- -- ---
------- ------------------------------------------------------------
------------
-------
------
--------
---------------
---------
---------
----------------
--------------
----------
--------
------- ------ --------
---------
-------
-------CSS 代码
------- -------- ------ -
----------------- --------
------ -----
-------- -----
-
------ -- -
---------- -----
-------------- -----
-
------- -- -
---------- -----
-------------- -----
-
------- - -
---------- -----
-
------ -
----------- -------
-总结
在使用 HTML5 标签时，由于低版本的 Internet Explorer 浏览器不支持它们，因此需要引入 html5shiv 库文件来解决这个问题。通过上述步骤，可以轻松地让网站在所有浏览器中正确地显示 HTML5 标签。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/32580