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

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

<greeting>Hello!</greeting>

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

http://dev.w3.org/html5/spec/single-page.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清楚地定义了解析规则，兼容的浏览器将能够处理您扔给它的任何标记，即使它不是严格有效的。

2017-01-05 22:08:08

其他回答

注意:下面的答案在2012年写的时候是正确的。从那以后，事情发生了一些变化。HTML规范现在定义了两种类型的自定义元素——“自主自定义元素”和“自定义内置元素”。前者可以去任何地方措辞内容是预期的;这是主体内的大部分位置，但不是例如ul或ol元素的子元素，或在除td、th或标题元素之外的表元素中。后者可以去任何它们扩展的元素可以去的地方。

这实际上是元素内容模型积累的结果。

例如，根元素必须是html元素。

html元素只能包含head元素和body元素。

The body element may only contain Flow content where flow content is defined as the elements: a, abbr, address, area (if it is a descendant of a map element), article, aside, audio, b, bdi, bdo, blockquote, br, button, canvas, cite, code, command, datalist, del, details, dfn, div dl, em, embed, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, i, iframe, img, input, ins, kbd, keygen, label, map, mark, math, menu, meter, nav, noscript, object, ol, output, p, pre, progress, q, ruby, s, samp, script, section, select, small, span, strong, style (if the scoped attribute is present), sub, sup, svg, table, textarea, time, u, ul, var, video, wbr and Text

等等。

在任何情况下，内容模型都不会说“你可以把任何你喜欢的元素放在这个里面”，这对于自定义元素/标记来说是必要的。

2012-03-24 03:20:23

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

用户代理必须处理它们不处理的元素和属性理解为语义中立的;将它们留在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(我的博客)

2012-10-17 14:02:04

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

自定义标记是有效的，

1)它们包含一个破折号

<my-element>

2)它们是嵌入的XML

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

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

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

2017-01-05 22:08:08

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

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

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

2013-01-01 03:31:12

只需使用任何你想要的，而不需要任何dom声明

<container>content here</container>

添加您自己的样式(display:block)，它将适用于任何现代浏览器

2019-08-21 20:14:44

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

推荐文章

最新文章

标签