自定义标签 既 创造出一个h5所没有的标签
例如： <mine-element scale="1"></mine-element>
该标签在继承h5标签class\id等属性的基础上 并且拥有自己的属性

属性	说明	值
class	基本属性\定义class名	字符串
id	基本属性\定义id	字符串
color	自定义属性\定义元素的颜色	rgba/16进制等^
其它.....

现在我们就来实现一个这样的标签
fitst 创建一个html文件 并且在js中操作进行如下操作

1. 注册自定义标签 customElements.define('mine-element', mineElement, {extends: 'div'})
   这个元素叫做 mine-elment，它的类对象是mineElement , 继承自‘div’ 元素.
2. 定义mineElement

class mineElement extends HTMLElement{
	constructor(){
      super(); //必须优先执行super 否则之后的this无效
      
      let ucolor = this.getAttribute("ucolor") || "";
      this.style.cssText = "color:"+ucolor+""
    }
}

3. 在html中添加标签 <mine-element ucolor="red"></mine-element>
4. 注意 customElements.define('mine-element', mineElement, {extends: 'div'}) 这个语句在定义 mineElement之后执行 5 至此大功告成！

ps.了解更多