Skip to main content

マークアップ言語とは何ですか? - ウェブデザイン

ITパスポート講座_第53回目講義 (六月 2025)

ITパスポート講座_第53回目講義 (六月 2025)
Anonim

あなたがウェブデザインの世界を探索し始めると、間違いなくあなたに新しい単語やフレーズがいくつか紹介されます。あなたが聞く可能性の高い用語の1つは、「マークアップ」またはおそらく「マークアップ言語」です。 「マークアップ」と「コード」とはどう違うのですが、なぜこれらの用語を同じ意味で使うのはなぜですか? 「マークアップ言語」が何であるかを見てみましょう。

3つのマークアップ言語を見てみましょう

ウェブ上の「ML」を含むほぼすべての略語は「マークアップ言語」(「ML」の略語)です。マークアップ言語は、Webページまたはすべての図形やサイズを作成するために使用されるビルディングブロックです。

現実には、世界にはさまざまなマークアップ言語があります。ウェブのデザインと開発には、3つの具体的なマークアップ言語があります。これらはHTML、XML、およびXHTMLです。

マークアップ言語とは何ですか?

この用語を正しく定義するために、マークアップ言語は、コンピュータがそのテキストを操作できるようにテキストに注釈を付ける言語です。ほとんどのマークアップ言語は、注釈がテキスト自体と区別できるように記述されているため、人間が読むことができます。たとえば、HTML、XML、およびXHTMLの場合、マークアップタグは < そして >。これらの文字のいずれかに表示されるテキストは、マークアップ言語の一部とみなされ、注釈付きテキストの一部ではありません。例えば:

これは、HTMLで書かれたテキストの段落です

この例はHTML段落です。これは、開始タグ(

)、終了タグ(

)、実際に画面に表示されるテキスト(これは2つのタグの間に含まれるテキスト)です。各タグには、マークアップの一部として指定するための「より小さい」および「大きい」記号が含まれています。

コンピュータやその他のデバイス画面に表示するテキストを書式設定するときは、テキスト自体とテキストの指示を区別する必要があります。 「マークアップ」は、テキストを表示または印刷するための指示である。

マークアップはコンピュータで読める必要はありません。印刷または書籍で行われた注釈もマークアップとみなされます。たとえば、学校の多くの学生は、テキストブックで特定のフレーズを強調表示します。これは、強調表示されたテキストが周囲のテキストより重要であることを示します。強調表示の色はマークアップと見なされます。

マークアップは、ルールがそのマークアップを記述して使用する方法を体系化するときに言語になります。 「紫色のハイライターは定義用、黄色のハイライターは試験の詳細用、余白の鉛筆記号は追加のリソース用」などのルールをまとめた場合、同じ学生が独自の「マークアップ言語を使用する」ことができます。

ほとんどのマークアップ言語は、多くの異なる人々が使用するために外部の機関によって定義されています。これは、Webのマークアップ言語がどのように機能するかです。それらは、W3CまたはWorld Wide Web Consortiumによって定義されています。

HTML-ハイパーテキストマークアップ言語

HTMLまたはハイパーテキストマークアップ言語はウェブの主要言語であり、ウェブデザイナー/デベロッパーとして最も一般的な言語です。実際には、あなたの仕事で使用する唯一のマークアップ言語かもしれません。

すべてのWebページは、HTMLの風味で書かれています。 HTMLは、イメージ、マルチメディア、およびテキストがWebブラウザに表示される方法を定義します。この言語には、ドキュメント(ハイパーテキスト)を接続し、Webドキュメントをインタラクティブにするための要素(フォームなど)が含まれています。多くの人がHTMLの「ウェブサイトコード」と呼んでいますが、実際はマークアップ言語です。どちらの用語も厳密に間違っていません。ウェブ専門家を含む人々は、これらの2つの用語を同じ意味で使用しています。

HTMLは定義された標準マークアップ言語です。 SGML(Standard Generalized Markup Language)に基づいています。タグを使用してテキストの構造を定義する言語です。要素とタグは<と>の文字で定義されます。

HTMLは今日、Web上で最も一般的なマークアップ言語ですが、Web開発の唯一の選択肢ではありません。 HTMLが開発されるにつれて、それはますます複雑になり、スタイルとコンテンツのタグは1つの言語に結合されました。最終的に、W3Cは、Webページのスタイルとコンテンツを分離する必要があると判断しました。コンテンツを単独で定義するタグはHTML内に残り、スタイルを定義するタグはCSS(Cascading Style Sheets)を使用して非推奨になりました。

HTMLの最新番号はHTML5です。このバージョンでは、HTMLにさらに多くの機能が追加され、XHTMLの厳格さが一部削除されました。

HTML5の登場により、HTMLがリリースされる方法が変更されています。今日、新しい機能と変更が追加され、番号の付いた新しいバージョンがリリースされる必要はありません。最新バージョンの言語は、単に「HTML」と呼ばれます。

XML-eXtensible Markup Language

eXtensible Markup Languageは、別のバージョンのHTMLが基づいている言語です。 HTMLと同様、XMLもSGMLに基づいています。 SGMLよりも厳密ではなく、プレーンHTMLよりも厳密です。 XMLは、さまざまな言語を作成するための拡張性を提供します。

XMLはマークアップ言語を書くための言語です。たとえば、系図を扱っている場合、XMLで父、母、娘、息子をXMLで定義すると、次のようにタグを作成できます。 。数学を定義するためのMathML、マルチメディア、XHTMLなどを扱うためのSMILなど、XMLで既に作成されたいくつかの標準化された言語もあります。

XHTML拡張ハイパーテキストマークアップ言語

XHTML 1.0はXML標準を満たすためにHTML 4.0が再定義されています。 XHTMLは現代のWebデザインでHTML5とそれ以降の変更に置き換えられました。 XHTMLを使って新しいサイトを見つけることはまずありませんが、もっと古いサイトで作業している場合は、野生のXHTMLにまだ遭遇している可能性があります。

HTMLとXHTMLの間には大きな違いはありませんが、ここで気づくはずです:

  • XHTMLは小文字で書かれています。大文字、大文字、小文字のいずれかでHTMLタグを記述することはできますが、XHTMLタグはすべて小文字でなければなりません。 (注 - 多くのWeb専門家は、技術的に必要ではないにもかかわらず、HTMLをすべて小文字で記述しています)。
  • すべてのXHTML要素には終了タグが必要です。 1つのタグだけを持つ要素(タグの末尾にはスラッシュ(/)が必要): <> / >
    • <> / >
  • すべての属性はXHTMLで引用する必要があります。スペースを節約するために属性に関する引用符を削除する人もいますが、正しいXHTMLには必須です。
  • XHTMLでは、タグが正しくネストされている必要があります。太字()要素とイタリック体()要素を閉じるには、斜体要素を閉じる必要があります()あなたが太字を閉じる前に()。 (これらの要素はどちらも視覚的な要素であるため、非推奨になっています。 そして これらの2つの代わりに)
  • HTML属性には名前と値が必要です。 HTMLにスタンドアロンである属性は、値とともに宣言する必要があります。たとえば、 HR 属性が書き込まれる noshade = "noshade".