Question

当我尝试使用自定义元素validate HTML文件时，它会出错。

任何人都可以解释原因吗？这是一个例子：

＆＃13;

<!DOCTYPE html>
<html>
	<head>
		<title>Some app</title>
	</head>
	<body>
		<div data-wt="hmm">
			<hello-world>Yes!</hello-world>
		</div>
	</body>
</html>

＆＃13;

然后它说hello-world元素无效。但是自定义属性是有效的。

Answer 1

虽然您可以创建新属性（使用data-...），但您不能仅仅发明新元素 - 这会使HTML无效。

您可以注册新元素，如described here。

var XFoo = document.registerElement('hello-world', {
  prototype: Object.create(HTMLElement.prototype)
});

但由于这使用JavaScript，验证器仍然无法通过。

HTML验证器失败并带有自定义html元素

1 个答案: