所有现代浏览器都支持自定义/任意HTML标记。有没有理由不使用它们?

时间:2012-06-19 12:54:24

标签: html

我注意到IE9,Firefox和Chrome都允许您使用任意html标签并使用CSS设置这些标签的样式。

以下是我试图测试此内容的示例HTML文件,在所有现代浏览器中工作

<html>
    <head>
        <title>Test</title>
        <style>
            h3 { font-family: Arial; }
            animals { padding: 20px; display: block; background-color: #eee; }
            dog { background-color: brown; color: white; display: block; padding: 10px; }
        </style>
    </head>
    <body>
        <animals>
            <dog>
                <h3>Dog</h3>
            </dog>
            <cat>
                <h3>Cat</h3>
            </cat>
            <giraffe>
                <h3>Giraffe</h3>
            </giraffe>
        </animals>
    </body>
</html>

除了向后兼容性之外,如果现代浏览器支持自定义标签,为什么我不应该使用它们(结合现有的官方标签规范)使我的标记在内容,应用程序元素等方面更具语义相关性所述?

2 个答案:

答案 0 :(得分:3)

如果您坚持使用既定的HTML5标签,那么除了浏览器之外,您的页面将更好地与其他工具配合使用,尤其是屏幕阅读器。唯一能理解你的新语义的程序是你的,你也可以写你的程序来理解<ul class='animals'>

当人们争论HTML中的“更好的语义”时,他们的意思是“选择最能代表意义的标签”,通常不是表格。它们并不意味着,“发明一个标签,没有人,但你会理解。”

答案 1 :(得分:0)

我仍然得到错误报告,某些网站在 IE6 上中断。虽然IE9是朝着正确方向迈出的一步,但IE用户传统上拥有巨大的发展势头,旧版本应该被埋葬数十年之后才会使用。

您可能需要记住的另一个问题是转发兼容性。未来的标准可能会为您以通用方式使用的标记引入不需要的行为。

然后有一些人希望所有代码能够通过各种验证,这当然是不可能的,除非你实际使用XHTML并注意让你的标记实际验证为XML ... < / p>