ウェブアプリ構築における扱いにくさを取り除きます。グローバルであるという性質から生じます。この問題を回避するために、何年もかけてさまざまなツールを数多く開発してきました。使用するときに、ページで使用されている既存の名前と競合するかどうかは通知されません。セレクターが制御不可能になったり、パフォーマンスが損なわれたりします。他にもまだまだあります。スタイルを導入します。とマークアップをバンドルし、実装の詳細を非表示にして、自己完結型のコンポーネントを作成できます。仕様について記述しています。理解しているでしょう。重要な違いがあります。経緯ブラウザとブラウザ対応のセクションで詳細を参照してください。コンポーネントを作成する必要はありません。カプセル化、コンポジション)を活用し、弾力性があり、適合性と再利用性が非常に高い再利用可能なカスタム要素を作成します。コンポーネントを作成します。ベースのアプリを構築するためのツールとして設計されています。このため、ウェブ開発に共通の問題に、次のような解決策を提供します。内のノードを返しません)。外には適用されず、ページのスタイルが外部から適用されることもありません。名を使用することができ、名前の競合を心配する必要がないことを意味します。まとまりとしてアプリを考えます。そのメリットは活用できますが、ここではカスタム要素に基づく例のみを紹介します。スニペットを使用しています。サポートされていれば、以下のライブデモを表示できるはずです。完全なソースを確認してください。使いやすさにより発展してきました。タグをいくつか宣言するだけで、数秒で表現と構造を兼ね備えたページを作成できます。それほど便利ではありません。人間にとって、テキストベースの言語を理解するのは簡単ですが、機械には助けが必要です。Model(DOM)が導入されます。ブラウザはウェブページを読み込む際、さまざまな特別な処理を行います。ドキュメントに変換することです。基本的に、ブラウザは、ページの構造を理解するために、HTML(テキストの静的文字列)を解析してデータモデル(オブジェクトまたはノード)にします。優れた点は、これがページのライブ表現であることです。異なり、ブラウザによって生成されるノードには、プロパティとメソッドが含まれます。何よりもよいのは、プログラムで操作できることです。要素を作成できる理由です。マークアップになります。</header></body>背景については、これくらいで十分でしょう。つの点が異なっています。2)ページの残りの部分との関係でどのように動作するかです。ノードを作成し、ノードを別の要素の子として追加します。