Question

（下面的问题是假设的，但为了方便阅读，我会问我好像在做这件事）

我正在使用HTML 5构建网站。不幸的是，IE不支持HTML5元素，如“header”和“nav”。我希望它会像通用的“div”一样对待它们，但事实并非如此。它就好像它们不在那里一样（意味着没有CSS应用于它们）。

我想通过为IE提供一些动态转换的HTML来解决这个问题。我将使用常规的字符串替换函数（PHP，而不是重要的）来替换所有出现的

<header>

与

<div class="header>

依此类推（我将相应地转换CSS）。这应该没问题，但是这个：

<header class="foo">

使用最简单的替换代码，这将成为

<div class="header" class="foo">

HTML合法吗？然后该属性最终会成为“标题foo”还是其中之一？

（是的，我知道获得多个班级的正常方法是

<div class="header foo">

）

Answer 1

不，你只能有一个类属性 - 像这样：

<div class="header foo">

如果你有两个或更多的类属性，我认为它只使用第一个。

Answer 2

如果将其作为XHTML处理，它将不会很好地形成并抛出错误，我希望任何符合要求的HTML解析器都能执行此操作。

Answer 3

虽然它确实依赖于启用了JavaScript的客户端，但有一种方法可以让IE使用新的HTML5元素更加正常地工作：