使用CSS自定义HTML标记和属性的限制

Question

今天早上我一直在使用CSS和HTML进行探索，并且我想知道在使用CSS自定义HTML标记和属性时是否存在任何限制。

这个例子可能会有所帮助：

<div class="app"></div>

班级应用的风格是：

.app { background: black; }

现在更改HTML以使类现在成为HTML标记，而在CSS中，我们将其更改为HTML属性，而不是创建类：

HTML <app></app>

CSS [app] { background: black; }

这种方法是否可以跨浏览器工作？同样，页面加载的性能是否保持不变？

我已经使用过Chrome和Firefox进行过测试，但没问题。

Answer 1

可能适用于大多数浏览器，但HTML不支持创建自定义标记。某些浏览器可能存在兼容性和可能未定义的行为风险。更不用说这对SEO来说也是坏事，如果这是一个问题。

坚持使用有效的HTML标记，并使用CSS类来设置样式。