SGML、 HTML 、およびXMLを見ると、これはファミリのグループ化と考えることができます。 SMGL、HTML、XMLはすべてマークアップ言語です。 マークアップという言葉は、編集者が作家、写本の改訂版を作った根本的なものです。 編集者は、内容を見直すと、特定の分野を強調する原稿をマークアップします。 コンピュータ技術において、マークアップ言語は、ウェブ文書のためにそれを定義するためにテキストをハイライトする単語および記号の集合である。 たとえば、インターネットページを作成するときは、段落を分離して太字の文字を入力する必要があります。 これはマークアップ言語によって実現されます。 SGML、HTML、XMLの役割をWebページ設計で理解すれば、これらの言語が持つ親密さが分かります。 SGML、HTML、およびXMLの関係は、ウェブサイトの作業とWebデザインの動的化に役立つ家族の絆です。
SGML
このマークアップ言語ファミリでは、SGML（Standard Generalized Markup Language）が親です。 SGMLはマークアップ言語を定義する方法を提供し、フォームの標準を設定します。 言い換えれば、SGMLには、いくつかの言語でできることとできないこと、タグや言語の基本構造など、どの要素が含まれなければならないかなどが記述されています。 親が遺伝形質を子供に渡すと、SGMLは構造と形式の規則をマークアップ言語に渡します。
HTML
ハイパーテキストマークアップ言語（HTML）は、SGMLの子アプリケーションです。 通常、インターネットブラウザのページを設計するのはHTMLです。 HTMLを使用すると、画像を埋め込み、ページセクションを作成し、フォントを設定し、ページの流れを指示することができます。 HTMLは、Webページのフォームと外観を作成するマークアップ言語です。 さらに、HTMLを使用すると、JavaScriptなどのスクリプト言語を使用して他の機能をWebサイトに追加できます。 HTMLはウェブサイトデザインに使用される主な言語です。
XML
拡張マークアップ言語（Extensible Markup Language：XML）は、HTMLのいとこであり、SGMLの甥です。 XMLはマークアップ言語であり、したがってファミリの一部ですが、HTMLとは異なる機能を備えています。 XMLはSGMLのサブセットです.HTMLなどのアプリケーションにはない権利が与えられます。 XMLは独自のアプリケーションを定義できます。 リソース記述形式（RDF）は、XMLのアプリケーションです。 HTMLはデザインに限定されており、サブセットやアプリケーションはありません。 XMLは、限定された帯域幅で動作するように設計された、SGMLのダウンした、または軽いバージョンです。 XMLはSGMLの遺伝形質を継承しましたが、独自のファミリーを作るために作られました。 XMLのサブセットには、XSLとXSLTがあります。