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