使用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类来设置它们的样式。