【Web Componentsを学ぶ】Custom Elements編 - Qiita

はじめに この記事ではWeb Componentsを利用する準備のためにCustom Elementsを紹介する記事です。Web Componentsとは他のコードから独立して利用できる再利用可能なコンポーネント(要素)を指します。 Web Componentを利用するために必要な他の要素としてShadow DOM、HTML Templateについての記事も書きましたので併せてご覧ください。また、Web Components自体の実装はこちらの記事で行いました。 Custom Elementsとは Custom ElementsはJavaScriptに実装されたAPIの一つです。あらかじめ機能を定義した要素をHTMLの標準要素と同じように利用することができます。要素の名前はkebab-caseである必要があり、標準の要素との区別のために必ず2つ以上の単語で構成されている必要があります。 C