不受浏览器支持的HTML元素的无法回退

时间:2014-03-30 19:10:49

标签: javascript html css html5

我想开始使用main元素。我知道有类似于HTML5 shiv的东西,它可以在不支持它的浏览器中使用,但所有这些变通办法都需要启用JavaScript。

如果在浏览器中禁用了JavaScript,或者浏览器不支持JavaScript,会发生什么。当main元素默认存在时,我们如何使用主元素的回退?


我有一个解决方案,但我不确定这是否是正确的解决方法:

如果要使用main元素,请使用JavaScript将其插入到文档中,并确保将其作为其子元素的容器。然后将<div id="main"></div>放入<noscript>标记。

在可能禁用JavaScript的情况下,这是否为HTML元素的回退提供了正确的方法?

1 个答案:

答案 0 :(得分:1)

几乎所有浏览器都支持未知元素。例如,您可以拥有<xyz>Inner Content</xyz>,但仍会看到“内部内容”。所以,你需要做的就是确保你有一个主要的CSS样式,以便main始终显示为一个块,即使是在不知道它的浏览器上:

main { display: block; }

我还会添加一个role =“main”属性,让浏览器不熟悉将元素标识为主要内容区域的更好机会:

<main role="main">