自定义 HTML DOM 元素 html 验证答案

【问题标题】：Custom HTML DOM elements html validation自定义 HTML DOM 元素 html 验证
【发布时间】：2016-06-20 13:04:27
【问题描述】：

我正在构建一个带有自定义 html 元素的图像滑块。大多数浏览器都支持它，但也有一个库供那些不支持“document-register-element.js”的浏览器使用

它按预期工作。

我的问题是，这是有效的吗？

例如，我在 HTML 中有这个自定义元素 <cp-slider></cp-slides>

在 javascript 中它被注册为 HTML 元素 document.registerElement('cp-slider', {prototype: proto});

这里https://validator.w3.org/ 它显示为错误。但它不检查文件的 JS。那么我应该避免自定义 DOM 元素吗？或者在“真正的验证（谷歌可能用于 SEO）”中不会有问题？

谢谢！

【问题讨论】：

Are custom elements valid HTML5?的可能重复
（这是一个非常古老的问题，但标记正确的答案仍然正确。）

标签： javascript html validation dom elements

【解决方案1】：

它必然会在验证站点中显示错误，因为它可能只检查标准 HTML 语法。您不一定要避免自定义 DOM 元素，它们在某些情况下非常有用。 AngularJS 框架允许您顺利定义此类自定义元素（称为指令）。这可能会也可能不会影响您的 SEO，具体取决于隐藏的内容。谷歌据说可以推断出一些细节，但你必须看看你的具体情况会发生什么。

【讨论】：