HTML言語とは - 言語という点から見たHTML - (What is HTML language.)

1.HTML言語

HTML言語は、
ハイパーテキストを
記述する為の、
マークアップ言語の
１つです。

HTML言語は、マークアップ言語の１つです。主にWebページを表現する為に用いられ、「複数の文書を結び付ける役割のハイパーリンク」, 「画像等の埋め込み」, 「文書の論理構造や表示の仕方」などの記述等ができる言語の名称です。

マークアップ言語は、データ記述言語の１つです。プログラミング言語ではありません。ただこれは知識としての事で、一般の方にはコンピュータ言語もプログラミング言語も同じでしょうから、「HTMLはプログラミング言語の１つ」と理解して頂いても差し支えないでしょう。逆に言うと、プログラミング言語という言葉をコンピュータ言語という意味で使われている事もあるという事です。

マークアップ言語は、データ記述言語の１つです。データ記述言語は、コンピュータにおいて扱うデータを記述するための形式言語でありコンピュータ言語の１つですが、プログラミング言語ではありません。プログラミング言語は、コンピュータプログラムという、コンピュータに対する命令(CPUが処理する操作)を記述する為の形式言語です。ただこれは知識としての事で、一般の方にはコンピュータ言語もプログラミング言語も同じでしょうから、「HTMLはプログラミング言語の１つ」と理解して頂いても差し支えないでしょう。逆に言うと、プログラミング言語という言葉をコンピュータ言語という意味で使われている事もあるという事です。

HTMLは、SGMLを元に開発され、科学文書を意味的に記述する為の言語として設計されました。タグの配置を制限してデータを木構造で表したデータモデルとしています。W3C勧告で標準化しています。尚現在では、W3C勧告のHTML5 は廃止され WHATWG (Web Hypertext Application Technology Working Group)という組織が作成した HTML Living Standard が標準仕様となっています。文書の表示に関しては、スタイルシート言語にて記述して表示します。HTMLでも、スタイルシートの既定値があって、改めてスタイルシート言語で記述しなくても期待する表示を提示できます。スクリプト言語を用いて、動的に表現する事もできます。( W3C : ダブリュースリーシー / World Wide Web Consortium: ワールドワイドウェブコンソーシアムは、ワールドワイドウェブで使用される各種技術の標準化を推進する為に設立された標準化団体, 非営利団体です。)

SGML (エスジーエムエル)とは、Standard Generalized Markup Language(スタンダードジェネラライズドマークアップランゲージ) の略で、マニュアルなどの文書の為のマークアップ言語の１つです。文書の構造やデータの意味などを記述等ができる言語の名称です。標準一般化されたマークアップ言語と訳せます。文書の表示に関しては、スタイルシート言語にて記述して表示します。ISOで標準化しています。( ISO : アイエスオー / International Organization for Standardization: インターナショナルオーガニゼーションフォースタンダーディゼーションは、工業や科学技術に関する国際規格を策定する非政府機関です。)

ここでは意図的に「HTML言語」という表現を用いています。それは単にHTMLとすると、HTMLファイル, HTML文書, HTML言語, htmlという名称の要素などいろいろあるからです。そしてここでは、HTMLの言語という点について記述したいので、意図的にHTML言語と記しています。HTMLは Hypertext Markup Language(ハイパーテキストマークアップランゲージ)の略で、意訳すると結文書組版言語となり、これに〇〇言語と付けると変ですが、HTMLを名称と捉えてHTML言語と記したいと思います。

HTML全般については、「HTMLとは」で記述しています。「HTMLで出来る事」というページもあります。

言語

人工言語

形式言語

コンピュータ言語

データ記述言語

マークアップ言語HTML

JSON

スタイルシート言語

CSS

プログラミング言語

汎用プログラミング言語

スクリプト言語

JavaScript

ドメイン固有言語

テンプレートエンジン

Pug

Sass

ハードウェア記述言語

VHDL

手話

日本手話

日本語対応手話

自然言語

日本語

英語

手話は自然言語に近いとされる場合もありますが、ここでは人工言語として扱います。

2.マークアップ言語

マークアップ言語は、
データ中に
特定の記法を用いて
何らかの情報を
埋め込む為の言語です。

マークアップ言語 (Markup Language)は、データ記述言語の１つです。データ中に特定の記法を用いて何らかの情報を埋め込む為の言語です。意訳すると「組版」指定の為の「言語」となると思います。

HTMLでは、テキスト(文字)データ中に特定の記号で囲まれたタグ(tag)と呼ばれる表記を用いて構造や見栄えなどを記述しています。またそれを構成する元の事を要素(エレメント・Element)といっています。HTMLは、タグの配置を制限してデータを木構造で表したデータモデルとしています。

HTMLの「要素」に関しては、「HTMLの要素」で記述しています。

<h1>マークアップ言語</h1><p><dfn title="Markup Language">マークアップ言語</dfn>とは、データ中に特定の記法を用いて何らかの情報を埋め込む為の言語です。</p>

<h1>は、h1要素開始タグでh1要素の開始を表します。</h1>は、h1要素終了タグでh1要素の終了を表します。<p>は、p要素開始タグでp要素の開始を表します。</p>は、p要素終了タグでp要素の終了を表します。<dfn>は、dfn要素開始タグでdfn要素の開始を表します。</dfn>は、dfn要素終了タグでdfn要素の終了を表します。

3.データ記述言語

データ記述言語は、
コンピュータにおいて
扱うデータを
記述する為の言語です。

データ記述言語 (Data description language)は、コンピュータ言語の１つです。コンピュータにおいて扱うデータを記述する為の言語です。意訳すると「情報」記述の為の「言語」となると思います。

HTMLでは、見出しを表す要素や段落を表す要素など、各要素がデータを内容としてデータに関する情報を表します。

HTMLを構成する元である「要素」に関しては、「HTMLの要素」で記述しています。

見出し		データ記述言語
段落	用語	データ記述言語
段落	テキスト	とは、コンピュータにおいて扱うデータを記述する為の言語です。

<h3>データ記述言語</h3>
<p><dfn>データ記述言語</dfn>とは、コンピュータにおいて扱うデータを記述する為の言語です。</p>

<h3>でh3要素の開始を表して、</h3>でh3要素の終了を表し、h3要素で「データ記述言語」というデータが見出しである事を表します。

<p>でp要素の開始を表して、</p>でp要素の終了を表し、p要素で「データ記述言語とは、コンピュータにおいて扱うデータを記述する為の言語です。」というデータが段落である事を表します。

<dfn>でdfn要素の開始を表して、</dfn>でdfn要素の終了を表し、dfn要素で「データ記述言語」というデータが用語である事を表します。そして親要素であるp要素のデータは用語の定義である事を表します。

データ記述言語

データ記述言語とは、コンピュータにおいて扱うデータを記述する為の言語です。

4.プログラミング言語

プログラミング言語は、
コンピュータプログラムという、
コンピュータに対する命令
(CPUが処理する操作)を
記述するための形式言語です。

プログラミング言語 (Programming language.)は、コンピュータ言語の１つです。コンピュータプログラムという、コンピュータに対する命令(CPUが処理する操作)を記述する為の形式言語です。

HTMLは、プログラミング言語ではありません。ただこれは知識としての事で、一般の方にはコンピュータ言語もプログラミング言語も同じでしょうから、「HTMLはプログラミング言語の１つ」と理解して頂いても差し支えないでしょう。逆に言うと、プログラミング言語という言葉をコンピュータ言語という意味で使われている事もあるという事です。

HTMLに関わるプログラミング言語には、JavaScriptがあります。

5.スタイルシート言語

スタイルシート言語は、
マークアップ言語で
書かれた文書の
スタイルを指定する
為の言語です。

スタイルシート言語 (Style sheet language.)は、コンピュータ言語の１つです。マークアップ言語で書かれた文書のスタイルを指定する為の言語です。

HTMLに関わるスタイルシート言語には、CSSがあります。
CSSに関しては、「離珠のCSSでしぃ！」で記述しています。

6.コンピュータ言語

コンピュータ言語は、
コンピュータにおいて
用いられる
言語の総称です。

コンピュータ言語は、プログラミング言語と同じ意味で使われる事があります。一般的に使うにはどちらでもそれほど問題にならないでしょうが、一応知識としては、プログラミング言語はコンピュータ言語の内の 1つの種類という事は忘れない様に。データ記述言語やスタイルシート言語などの種類もあります。

コンピュータ言語（コンピュータげんご）とは、コンピュータにおいて用いられる言語の総称である。一般に人工言語で、もっぱら形式言語である（親しみやすさなどの目的で、自然言語風にデザインされることもある）。

コンピュータ言語 - Wikipedia

=====
コンピュータ言語
=====
コンピュータ言語とは、
コンピュータにおいて
用いられる
言語の総称です。

一般に人工言語で、
もっぱら形式言語です。

人はこの様に記述してあると、「コンピュータ言語」が見出しだと見当を付けます。しかしコンピュータには判りません。人はこの様に文章の間が空いていると、段落が分かれているとも判断できますがコンピュータには判りません。
HTML言語では、タグ(tag)と呼ばれる表記を用いて、どのデータが見出しで、どのデータが段落としてまとまっているかコンピュータに判る様に表します。

<h3>コンピュータ言語</h3>
<p>コンピュータ言語とは、
コンピュータにおいて
用いられる
言語の総称です。</p>
<p>一般に人工言語で、
もっぱら形式言語です。</p>

上記のプレーンテキストを、HTMLで書き換えた物です。

人が見るだけならプレーンテキストで充分な訳ですが、コンピュータによるデータの扱いを意識するとコンピュータが解る言語が必要になる訳です。ただこのままだと、逆に人が見ても分かりにくいだけですが。

コンピュータ言語

コンピュータ言語とは、コンピュータにおいて用いられる言語の総称です。

一般に人工言語で、もっぱら形式言語です。

コンピュータ言語

コンピュータ言語とは、コンピュータにおいて用いられる言語の総称です。

一般に人工言語で、もっぱら形式言語です。

h3, p {
font-size: 1.0em;
font-weight: normal;
font-family: monospace, monospace;
white-space: pre;
}
h3 {
margin: 0;
padding-left: 0.5em;
text-indent: -0.5em;
}
p {
margin: 0 0 1em 0;
}
h3::before, h3::after {
content: '=====';
display: block;
}

上記のHTMLを、CSSを用いて意図的にプレーンテキスト風に装飾した物です。

コンピュータ言語

コンピュータ言語とは、コンピュータにおいて用いられる言語の総称です。

一般に人工言語で、もっぱら形式言語です。

* {
display: inline;
margin: 0;
padding: 0;
font-size: 1.0em;
font-weight: normal;
font-family: monospace, monospace;
white-space: pre;
}

おまけで上記のHTMLを、CSSを用いて意図的に要素の既定値を省くように指定したものです。要素でデータの意味だけ表し、装飾の既定値はなしとして処理すると、こんな感じになります。

7.付記

HTMLを用いるという事は、
文字データの意味を
コンピュータに
解釈してもらって
Webページを表現する
という事です。

HTML言語を用いて、何をしたいのかを考えましょう。
文字情報を提示するだけなら、プレーンテキストでも良い訳です。
文書を結びつける必要がある場合は、プレーンテキストでは無理ですが。
また、図のような表現は、画像の方が分かり易い事もあります。
画像については、HTMLを用いて画像を埋め込むというのも１つの手かと思います。

参照先

次は、「テキストとは」です。
「テキストとは」と改めて問うてみた、HTMLを学ぶ前提としてのページです。
前のページの「HTMLで出来る事」はこちらです。
上位のページの「HTMLとは」はこちらです。