## 一、概述 組件是 Web 開發的方向，現在的熱點是 JavaScript 組件，但是 HTML 組件未來可能更有希望。自定義元素（custom elements）就是HTML組件技術； 我們一般都使用標準的 HTML 元素。 ``` <p>Hello World</p> ``` 上面代碼中，<p>就是標準的 HTML 元素。 如果使用非標準的自定義元素，會有什么結果？ ``` <greeting>Hello World</greeting> ``` 上面代碼中，<greeting>就是非標準元素，瀏覽器不認識它。這段代碼的運行結果是，瀏覽器照常顯示Hello World，這說明瀏覽器并沒有過濾這個元素。 瀏覽器對待自定義元素，就像對待標準元素一樣，只是沒有默認的樣式和行為。這種處理方式是寫入 HTML5 標準的。 事實上，瀏覽器提供了一個`HTMLUnknownElement`對象，所有自定義元素都是該對象的實例； 有了自定義元素，就可以寫出語義性非常好的 HTML 代碼。 ## 二、規范 自定義元素的名字必須包含一個破折號（`-`）所以`<x-tags>`、`<my-element>`和`<my-awesome-app>`都是正確的名字，而`<tabs>`和`<foo_bar>`是不正確的。這樣的限制使得 HTML 解析器可以分辨那些是標準元素，哪些是自定義元素。