html - AngularJS 指令中自定义 HTML 标签的后果

Question

假设我写了一个自定义 gravatar AngularJS 中绑定(bind)到 email 的指令范围内的属性(property)。该指令将替换此 HTML ......

<gravatar email="user.email" />

通过一个共同的img标记其 src属性设置为正确的 Gravatar url:

<img src="http://gravatar.com/avatar/..." />

我的问题可能有点宽泛甚至天真，但最初拥有 <gravatar /> 是“多么糟糕”在我页面的 HTML 中标记？除了未通过 W3C 验证之外，还有任何“现实世界”后果吗？

Answer 1

W3C 说

Authors must not use elements, attributes, or attribute values for purposes other than their appropriate intended semantic purpose, as doing so prevents software from correctly processing the page.

和

Authors must not use elements, attributes, or attribute values that are not permitted by this specification or other applicable specifications, as doing so makes it significantly harder for the language to be extended in the future.

http://www.w3.org/html/wg/drafts/html/master/dom.html#elements

自定义元素/属性没有语义值，因此应避免使用。

您甚至不会注意到任何直接后果。毕竟，Angular 本身使用非确认的 ng 属性(尽管它们也支持 data- 前缀)。

您可能面临的唯一可能问题是，如果您引入的当前是自定义元素的元素成为规范的一部分并且具有与您之前预期的行为不同的行为，但我认为这种情况极不可能发生。即便如此，我还是会尽可能避免使用任何自定义内容。

Eventually you will be able to register your own custom elements , 但据我所知，还没有浏览器支持此规范。