即使是新的
HTML5标签也不足以描述结构而不会回退到div.什么阻止我改变:
<div class="post"> <div class="userinfo"> <span class="name">Casey</span> <img class="avatar" src="..." /> </div> <div class="body"> <p>blah blah blah</p> <p>blah blah blah</p> <p>blah blah blah</p> </div> </div>
变成这样的东西:
<post> <userinfo> <name>Casey</name> <img class="avatar" src="..." /> </userinfo> <pbody> <p>blah blah blah</p> <p>blah blah blah</p> <p>blah blah blah</p> </pbody> </post>
对我来说,第二个例子更清洁.是否有任何东西(即浏览器支持)阻止我这样做?
(我意识到它本质上是XML,但在这种情况下,问题就变成了,“浏览器支持对于呈现XML网页是什么样的?”)
解决方法
一个原因是Internet Explorer(以及早期版本的Firefox)没有针对未定义的标记的回退,并且最终忽略了它们的样式和嵌套.
Without a shiv,您的网站将在这些浏览器中可怕地破解.