我如何使用Modernizr将HTML5模板改编为IE5，IE6等？

Question

我正在为我的网站寻找HTML5和CSS3模板以及大量的jquery插件。假设我想让我的网站适应IE5，IE6等等.Indoniziz可能有助于实现我的目标。我的问题是，如果我需要为IE5，IE6等不支持每种风格的不同风格。

在这种情况下，如果我得到一个很棒的HTML5模板，我会为IE5，IE6等各种风格调整很多。

您如何看待这个？我怎么能避免写不同的风格？如果我错了，请告诉我。

提前致谢。

Answer 1

首先关闭： HTML5模板通常会有一个HTML格式的DOCTYPE，而不是IE5或IE6预期的那些好的过渡或严格类型之一，所以你将不得不解决这个问题。

现代模板可能很好地使用最新版本的JQuery，或者可能有其他库使用后面的JQuery版本中的功能，这对你不起作用，因为从最新的JQuery中删除了对这些浏览器的支持库。

现代模板/ CSS中使用的选择器和样式很可能无法在IE5或IE6中运行，并且IE5中存在许多现代网站将不会使用的JavaScript函数。

在IE5 / IE6上最终呈现的HTML（如果你可以使网站工作）在现代浏览器上看起来并不一样，并试图修复所有这些样式专门针对每一种都可能导致你有些问题。

如果你必须这样做：

• 从一个非常简单的空白占位符网站开始

• 尽早检测IE5和IE5并加载这些（JavaScript和CSS）的IE特定内容

• 如果其中一个

• 尽可能提取所需的所有填充代码，以获得尽可能好的浏览器功能。

• 甚至不要尝试使布局或样式不像IE5 / 6版本。只有这些浏览器的用户无论如何都无法查看/运行其他版本，也无法与之比较。

• 否则加载现代网站版本。

理想情况下，您希望使用路由/ url重写将请求推送到一组IE5 / IE6页面，然后将这些页面映射到服务器/ API后端。

所以您的网址会变成

 http://mysite/Page            - Normal site
 http://mysite/ie5/Page        - IE5 version

最后，通过这种方式完成它的工作可能要少得多，然后尝试在一组巨大的复杂标记中处理每个浏览器版本。

保持这两者分离的一个好处是，当选择停止支持IE5时，您可以将这些映射重定向到升级页面，稍后当您退出IE6时也会这样做。这可能只会包含所有黑客，附加代码，不同标记和UI错误，而不会影响您的主要开发。