html5shiv包，完美解决IE8等不支持H5标签问题

HTML5shiv是一个JavaScript库，专为了解决早期版本的Internet Explorer（尤其是IE8及更低版本）不支持HTML5新元素的问题。在HTML5规范引入了许多新的语义化标签，如<header>、<nav>、<section>、<article>、<aside>、<footer>等，这些在IE8及以下浏览器中并未得到原生支持。这意味着在这些浏览器中使用新标签会导致样式不起作用，或者元素无法正常渲染。 HTML5shiv的工作原理是通过JavaScript模拟这些新元素，使得它们在旧版IE中能够被识别和渲染。它主要实现了以下功能： 1. **创建DOM元素**：在JavaScript中，HTML5shiv会创建一个对象，该对象模拟了HTML5新元素的DOM节点。这使得开发者可以通过JavaScript来操作这些元素，例如添加子节点或设置属性。 2. **CSS样式支持**：由于旧版IE不理解新标签，因此它们无法应用CSS样式。HTML5shiv通过在页面加载时动态插入样式规则，使这些新元素在CSS选择器中变得可见，从而实现样式支持。 3. **条件注释兼容性**：为了确保只在需要的IE版本中应用HTML5shiv，通常会在页面中使用条件注释（Conditional Comments）来有条件地引入这个脚本。例如： ``` <!--[if lt IE 9]> <script src="html5shiv.min.js"></script> <![endif]--> ``` 4. **压缩与未压缩版本**：提供的压缩包中包含了两种版本的HTML5shiv，即`html5shiv.js`和`html5shiv.min.js`。未压缩版本（.js）适用于开发环境，方便调试；压缩版本（.min.js）则是用于生产环境，其体积更小，可以减少页面加载时间。 5. **printshiv选项**：除了基础的html5shiv外，还有针对打印的版本，如`html5shiv-printshiv.js`和`html5shiv-printshiv.min.js`。这些版本解决了在打印预览模式下，IE8及以下浏览器对新元素样式处理的问题。 HTML5shiv是前端开发中不可或缺的工具之一，特别是在需要兼容旧版IE浏览器的项目中。通过使用这个库，开发者可以在不牺牲现代浏览器用户体验的情况下，确保旧版IE用户也能正确显示和使用HTML5的新特性。不过需要注意的是，HTML5shiv并不支持所有HTML5的新特性，例如表单元素、拖放功能、离线存储等，这些仍需依赖其他解决方案。