我注意到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>
除了向后兼容性之外,如果现代浏览器支持自定义标签,为什么我不应该使用它们(结合现有的官方标签规范)使我的标记在内容,应用程序元素等方面更具语义相关性所述?
答案 0 :(得分:3)
如果您坚持使用既定的HTML5标签,那么除了浏览器之外,您的页面将更好地与其他工具配合使用,尤其是屏幕阅读器。唯一能理解你的新语义的程序是你的,你也可以写你的程序来理解<ul class='animals'>
。
当人们争论HTML中的“更好的语义”时,他们的意思是“选择最能代表意义的标签”,通常不是表格。它们并不意味着,“发明一个标签,没有人,但你会理解。”
答案 1 :(得分:0)
我仍然得到错误报告,某些网站在 IE6 上中断。虽然IE9是朝着正确方向迈出的一步,但IE用户传统上拥有巨大的发展势头,旧版本应该被埋葬数十年之后才会使用。
您可能需要记住的另一个问题是转发兼容性。未来的标准可能会为您以通用方式使用的标记引入不需要的行为。
然后有一些人希望所有代码能够通过各种验证,这当然是不可能的,除非你实际使用XHTML并注意让你的标记实际验证为XML ... < / p>