即使是新的
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,您的网站将在这些浏览器中可怕地破解.