使用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类对它们进行样式化。