为什么CSS使用假元素?

在我的课上，我玩了一下，发现CSS与虚构的元素一起工作。

例子:

imsocool { 颜色:蓝色; ｝ < imsocool >你好< / imsocool >

当我的教授第一次看到我使用它时，他有点惊讶于虚构元素的工作，并建议我简单地将所有的虚构元素更改为带有ID的段落。

为什么我的教授不让我使用合成元素?他们工作效率很高。

另外，为什么他不知道存在虚构元素，并与CSS一起工作。它们不常见吗?

当前回答

这对于html5来说是可行的，但是你需要考虑到旧的浏览器。

如果你决定使用它们，一定要注释你的html!!有些人可能很难弄清楚它是什么，所以注释可以节省他们大量的时间。

就像这样，

<!-- Custom tags in use, refer to their CSS for aid -->

当你创建自己的自定义标签/元素时，旧的浏览器将不知道这是什么，就像html5的元素如nav/section一样。

如果你对这个概念感兴趣，那么我建议你用正确的方法去做。

开始自定义元素允许web开发人员定义新的HTML类型元素。该规范是几个新的API原语之一 Web组件的保护伞，但它很可能是最重要的。如果没有通过解锁的特性，Web组件就不存在自定义元素: 定义新的HTML/DOM元素创建从其他元素扩展的元素元素从逻辑上将自定义功能捆绑在一起扩展现有DOM元素的API

您可以使用它做很多事情，并且它确实可以使您的脚本更漂亮，就像本文想说的那样。自定义元素在HTML中定义新元素。

让我们回顾一下，

Pros

非常优雅，易于阅读。很高兴没有看到那么多的潜水者。: p 让代码有一种独特的感觉

Cons

较老的浏览器支持是需要考虑的重要因素。如果不了解自定义标记，其他开发人员可能不知道该做什么。(向他们解释或添加评论告知他们) 最后要考虑的一件事，但我不确定，是块和内联元素。通过使用自定义标签，你最终会写更多的css，因为自定义标签不会有默认的一面。

选择完全取决于您，您应该根据项目的要求来选择。

更新1/2/2014

这里有一篇非常有用的文章，我发现并打算分享，自定义元素。

为什么要自定义元素?自定义元素让作者进行定义他们自己的元素。作者将JavaScript代码与自定义标记相关联名称，然后像使用任何标准一样使用这些自定义标记名称标签。例如，注册后的一种特殊按钮叫做超级按钮，像这样使用超级按钮: 自定义元素仍然是元素。我们能像其他的一样轻松地创建、使用、操纵和组合它们吗今天的标准。

这似乎是一个非常好用的库，但我注意到它没有通过windows的构建状态。我相信这也是一个预alpha版本，所以我会密切关注它的发展。

2013-12-03 14:28:16

其他回答

为什么CSS使用假元素?因为它不会伤害任何人因为你不应该使用它们。

为什么我的教授不让我使用合成元素?因为如果该元素在未来由规范定义，那么您的元素将具有不可预测的行为。

另外，为什么他不知道存在虚构元素，并与CSS一起工作。它们不常见吗?因为他和大多数其他web开发人员一样，明白我们不应该使用将来可能会随机损坏的东西。

2019-02-22 00:09:03

我认为编造的标签可能比带有id的p更令人困惑或不清楚(通常是一些文本块)。我们都知道带ID的p是一个段落，但是谁知道创建的标记是用来干什么的呢?至少我是这么想的。:)因此，这更多的是一个风格/清晰度问题，而不是功能问题。

2013-12-03 14:21:37

他为什么不想让你用?它们既不常见，也不是HTML5标准的一部分。从技术上讲，这是不允许的。他们就是个笨蛋。

不过我自己也喜欢。您可能对XHTML5感兴趣。它允许您定义自己的标记，并将它们作为标准的一部分使用。

此外，正如其他人指出的那样，它们是无效的，因此不能携带。

为什么他不知道他们的存在?我不知道，只知道它们不常见。可能他只是不知道你可以。

2013-12-03 14:21:44

从早期开始，CSS就被设计为与标记无关的，因此它可以与任何标记语言一起使用，生成类似DOM结构的树(例如SVG)。任何符合名称令牌生成的标记在CSS中都是完全有效的。所以你的问题是关于HTML而不是CSS本身。

HTML5规范支持带有自定义标记的元素。HTML5标准化了DOM中解析未知元素的方式。所以严格来说，HTML5是第一个支持自定义元素的HTML规范。你只需要使用HTML5 doctype <!文档中的DOCTYPE html>。

至于自定义标签名称本身……

本文档http://www.w3.org/TR/custom-elements/建议您选择的自定义标记至少包含一个“-”(破折号)符号。这样它们就不会与将来的HTML元素冲突。因此，你最好把你的文档修改成这样:

<style>
so-cool {
    color:blue;
}
</style>

<body>
    <so-cool>HELLO</so-cool>
</body>

2013-12-07 23:12:19

虽然CSS有一个叫做“标签选择器”的东西，但它实际上并不知道标签是什么。这将留给文档的语言来定义。CSS被设计成不仅可以与HTML一起使用，还可以与XML一起使用，其中(假设您没有使用DTD或其他验证方案)标签可以是任何东西。您也可以将它用于其他语言，尽管您需要提出自己的语义，以明确“标签”和“属性”对应的内容。

浏览器通常将CSS应用于HTML中的未知标记，因为这被认为比完全破坏要好:至少它们可以显示一些东西。但故意使用“假”标签是非常糟糕的做法。这样做的一个原因是，新标签确实会时不时地定义，如果一个定义看起来有点像你的假标签，但不完全以相同的方式工作，这可能会导致你的网站在新浏览器上出现问题。

2013-12-05 18:37:49

为什么CSS使用假元素?

推荐文章

最新文章

标签