html - <span>/<div> 是 css 的简写 - 这是合法的吗？

Question

如果我创建一个 HTML 元素:

sc {
    font-variant: small-caps;
}

并像这样应用它:

I want to display <sc>this text</sc> in small-caps.

它按预期工作(当然，除了在 IE 中。)它成为

.sc {
    font-variant: small-caps;
}

I want to display <span class='sc'>this text</span> in small-caps.

这是有意/记录的行为吗？有名字吗？

Answer 1

XHTML(及其所基于的 XML)旨在让您以类似的方式添加自定义元素，但使用自定义 XML namespace与您的元素名称。然后您可以使用 CSS 直接设置这些元素的样式，或者使用 XSLT 将它们转换为真正的 HTML 元素。这就是为什么(或者至少是一个原因)符合标准的浏览器可以处理 DOM 中的非标准元素。

在 HTML 4 及更早版本中，将自己的非标准元素洒在上面总是无效的(不确定 HTML5 的可扩展性)。

无论如何，IE 都不会自动识别 DOM 中的自定义元素，因此您需要在 DOM 完成加载之前使用 document.createElement() 创建它们。