我想开始使用main
元素。我知道有类似于HTML5 shiv的东西,它可以在不支持它的浏览器中使用,但所有这些变通办法都需要启用JavaScript。
如果在浏览器中禁用了JavaScript,或者浏览器不支持JavaScript,会发生什么。当main元素默认存在时,我们如何使用主元素的回退?
我有一个解决方案,但我不确定这是否是正确的解决方法:
如果要使用main
元素,请使用JavaScript将其插入到文档中,并确保将其作为其子元素的容器。然后将<div id="main"></div>
放入<noscript>
标记。
在可能禁用JavaScript的情况下,这是否为HTML元素的回退提供了正确的方法?
答案 0 :(得分:1)
几乎所有浏览器都支持未知元素。例如,您可以拥有<xyz>Inner Content</xyz>
,但仍会看到“内部内容”。所以,你需要做的就是确保你有一个主要的CSS样式,以便main始终显示为一个块,即使是在不知道它的浏览器上:
main { display: block; }
我还会添加一个role =“main”属性,让浏览器不熟悉将元素标识为主要内容区域的更好机会:
<main role="main">