2019-06-03html1 分钟读完 (大约 169 个字)

自定义html元素

html5标准可以自定义的元素，但是没有默认样式。

我可以在html中加一个元素并在css中给它样式。这样就创造了一个元素。

这样我们就能写出语义非常好的html。

复用自定义元素

1
2
3

<user-defined>
	<a href='#'>链接</a>
</user-defined>

现在将<user-defined>的元素和样式封装为user-defined.html就可以复用了。

先在<head>中引入：

1	<link rel="import" href="user-defined.html">

再使用：

1	<user-defined></user-defined>

注意：自定义元素标准custom elements与HTML Imports，HTML Template、Shadow DOM构成了web components规范。目前这个规范只有chrome支持

custom elements自定义元素命名规范：必须包含-