我一直无法找到自定义标签在 HTML5 中是否有效的明确答案,如下所示:
<greeting>Hello!</greeting>
我在规范中没有发现任何一种方式或另一种方式:
http://dev.w3.org/html5/spec/single-page.html http://dev.w3.org/html5/spec/single-page.html
而且自定义标签似乎无法通过 W3C 验证器进行验证。
The 自定义元素规范 https://www.w3.org/TR/custom-elements/可在 Chrome 和 Opera 中使用,并可在其它浏览器 http://caniuse.com/#feat=custom-elements。它提供了一种以正式方式注册自定义元素的方法。
自定义元素是新类型的 DOM 元素,可以通过以下方式定义:
作者。不像装饰者 http://www.w3.org/TR/2013/WD-components-intro-20130606/#decorator-section,它们是无状态且短暂的,自定义
元素可以封装状态并提供脚本接口。
自定义元素是更大的 W3 规范的一部分,称为网络组件 https://www.w3.org/standards/techs/components,以及模板、HTML 导入和 Shadow DOM。
Web 组件使 Web 应用程序作者能够使用
CSS 无法实现的视觉丰富度和交互性水平
单独使用,并且无法通过脚本轻松组合和重用
今天的图书馆。
然而,由此优秀的演练文章 https://developers.google.com/web/fundamentals/web-components/customelements在 Google Developers 上有关自定义元素 v1 的信息:
自定义元素的名称必须包含破折号 (-
). So <x-tags>
, <my-element>
, and <my-awesome-app>
都是有效的名称,而<tabs>
and <foo_bar>
不是。此要求是为了让 HTML 解析器能够区分自定义元素和常规元素。当新标签添加到 HTML 时,它还能确保向前兼容性。
一些资源
- 示例 Web 组件位于https://WebComponents.org https://WebComponents.org
-
WebComponents.js http://webcomponents.org/polyfills/用作 Web 组件的填充,直到它们得到到处支持。另请参阅WebComponents.js github 页面和 Web 浏览器支持表 https://github.com/WebComponents/webcomponentsjs.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)