自定义元素在HTML5中有效吗?

对于自定义标签在HTML5中是否有效，我一直无法找到一个明确的答案，比如:

<greeting>Hello!</greeting>

我在说明书中什么都没发现:

http://dev.w3.org/html5/spec/single-page.html

而且自定义标记似乎无法使用W3C验证器进行验证。

当前回答

自定义HTML元素是一个新兴的W3标准，我一直在为它做出贡献，它允许你用解析器声明和注册自定义元素，你可以在这里阅读规范:W3 Web Components自定义元素规范。此外，微软支持一个名为X-Tag的库(由前Mozilla开发人员编写)——它使使用Web组件更加容易。

其他回答

这是可能的，也是允许的:

用户代理必须处理它们不处理的元素和属性理解为语义中立的;将它们留在DOM中(用于DOM 处理器)，并根据CSS(对于CSS处理器)对它们进行样式化，但并没有从中推断出任何意义。

http://www.w3.org/TR/html5/infrastructure.html#extensibility-0

但是，如果你想要增加交互性，你需要让你的文档无效(但仍然是完整的功能)，以适应IE的7和8。

见http://blog.svidgen.com/2012/10/building-custom-xhtml5-tags.html(我的博客)

自定义标记在HTML5中无效。但目前浏览器支持解析它们，你也可以使用css来使用它们。因此，如果你想为当前的浏览器使用自定义标记，那么你可以。但是，一旦浏览器实现了严格用于解析HTML内容的W3C标准，这种支持可能就会消失。

给出一个反映现代页面的更新答案。

自定义标记是有效的，

1)它们包含一个破折号

<my-element>

2)它们是嵌入的XML

<greeting xmlns="http://example.com/customNamespace">Hello!</greeting>

这里假设你使用的是HTML5 doctype <!doctype html >

考虑到这些简单的限制，现在尽最大努力保持HTML标记的有效性是有意义的(请停止关闭<img>和<hr>这样的标记，除非您使用XHTML doctype，否则这是愚蠢和不正确的，您可能不需要XHTML doctype)。

鉴于HTML5清楚地定义了解析规则，兼容的浏览器将能够处理您扔给它的任何标记，即使它不是严格有效的。

data-*属性在HTML5中有效，甚至在HTML4中，所有web浏览器都尊重它们。添加新标签在技术上是可以的，但不建议这样做，因为:

它可能会与将来添加的内容相冲突，而且使HTML文档无效，除非通过JavaScript动态添加。

我只在谷歌不关心的地方使用自定义标签，在一个游戏引擎iframe中，我做了一个<日志>标签，包含<msg>， <错误>和<警告> -但只通过JavaScript。根据验证器，它是完全有效的。它甚至可以在Internet explorer中使用它的样式!；]

推荐文章