html - 是什么阻止我在 HTML 中使用任意标签？

Question

即使是新的 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 网页？”)

Answer 1

一个原因是 Internet Explorer(和早期版本的 Firefox)对未定义的标签没有回退，最终会在样式和嵌套时忽略它们。 Without a shiv ，您的网站将在这些浏览器中崩溃。