为什么CSS使用假元素?

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

例子:

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

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

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

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

当前回答

现代浏览器将未知元素视为div。这就是它们有效的原因。这是即将到来的HTML5标准的一部分，该标准引入了模块化结构，可以向其中添加新元素。

在较老的浏览器(我认为是IE7-)中，你可以应用javascript技巧，之后它们也能正常工作。

下面是我在寻找例子时发现的一个相关问题。

这里有一个关于Javascript修复的问题。事实证明IE7确实不支持这些开箱即用的元素。

也;为什么他不知道自制标签的存在和CSS的工作。它们不常见吗?

是的,相当。但特别的是:它们没有额外的用途。他们是html5的新手。在HTML的早期版本中，未知标记是无效的。

Also, teachers seem to have gaps in their knowledge, sometimes. This might be due to the fact that they need to teach students the basics about a given subject, and it doesn't really pay off to know all ins and outs and be really up to date. I once got detention because a teacher thought I programmed a virus, just because I could make a computer play music using the play command in GWBasic. (True story, and yes, long ago). But whatever the reason, I think the advice not to use custome elements is a sound one.

2013-12-03 14:23:54

其他回答

CSS是一种样式表语言，可用于表示XML文档，而不仅仅是(X)HTML文档。带有自制标记的代码片段可以是合法XML文档的一部分;如果你把它包含在一个根元素中，它就是1。可能你已经有一个<html>…</html> around it?当前的任何浏览器都可以显示XML文档。

当然，它不是一个很好的XML文档，它缺少语法和XML声明。如果使用HTML声明头(可能是发送正确mime类型的服务器配置)，那么它将是非法的HTML。

HTML比普通XML有优势，因为元素有语义意义，在网页表示的上下文中是有用的。工具可以使用这种语义，其他开发人员知道它的含义，它更不容易出错，更易于阅读。

但在其他上下文中，最好使用CSS和XML和/或XSLT来表示。这就是你所做的。因为这不是你的任务，你不知道你在做什么，HTML/CSS是更好的方式，大多数时候你应该在你的场景中坚持使用它。

您应该在文档中添加一个(X)HTML头，以便工具能够为您提供有意义的错误消息。

2013-12-03 20:36:12

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

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

2013-12-05 18:37:49

这对于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使用假元素?

(大多数)浏览器被设计成(在某种程度上)向前兼容未来添加的HTML。未识别的元素被解析到DOM中，但没有与它们相关的语义或专门的默认呈现。

当一个新元素被添加到规范中时，有时CSS、JavaScript和ARIA可以用来在旧的浏览器中提供相同的功能(元素必须出现在DOM中，以便这些语言能够操作它们来添加该功能)。

(有一个自定义元素的规范，但是它们有特定的命名要求，并且需要使用JavaScript进行注册。)

为什么我的教授不让我使用合成元素?

它们不被HTML规范所允许它们可能与将来同名的标准元素冲突可能有一个现有的HTML元素更适合这个任务

也;为什么他不知道构成元素的存在并与CSS一起工作。它们不常见吗?

是的。人们不使用它们是因为它们有上述问题。

2013-12-03 14:24:26

令人惊讶的是，没有人(包括我过去的自己)提到可访问性。使用有效标记而不是自定义标记的另一个原因是为了与最大数量的软件兼容，包括屏幕阅读器和人们出于可访问性目的所需的其他工具。此外，像WAI这样的可访问性法律要求建立可访问的网站，这通常意味着要求他们使用有效的标记。

显然没人提过，所以我来。

这是浏览器大战的副产品。

回到20世纪90年代，当互联网刚开始成为主流时，浏览器市场的竞争加剧了。为了保持竞争力和吸引用户，一些浏览器(最著名的Internet Explorer)试图通过试图弄清楚页面设计者的意思来提供帮助和“用户友好”，从而允许不正确的标记(例如，<b><i>foobar</b></i>将正确地呈现为粗体-斜体)。

这在某种程度上是有道理的，因为如果一个浏览器不断抱怨语法错误，而另一个浏览器接受你扔给它的任何东西，并吐出一个(或多或少)正确的结果，那么人们自然会涌向后者。

While many thought the browser wars were over, a new war between browser vendors has reignited in the past few years since Chrome was released, Apple started growing again and pushing Safari, and IE lost its dominance. (You could call it a “cold war” due to the perceived cooperation and support of standards by browser vendors.) Therefore, it is not a surprise that even contemporary browsers which supposedly conform strictly to web standards actually try to be “clever” and allow standard-breaking behavior such as this in order to try to gain an advantage as before.

不幸的是，这种放任行为导致了大量(有些人甚至认为是恶性的)标记不良的网页的增长。因为IE是最宽容、最受欢迎的浏览器，而且由于微软对标准的持续蔑视，IE因鼓励和推广糟糕的设计、传播和延续坏页面而臭名昭著。

现在你可能可以在一些浏览器上使用这样的怪癖和漏洞，但除了偶尔的谜题或游戏或其他东西，在创建网页和网站时，你应该始终坚持网页标准，以确保它们正确显示，并避免它们在浏览器更新时被破坏(可能完全被忽略)。

2013-12-08 00:56:55

为什么CSS使用假元素?

推荐文章

最新文章

标签