データ記述言語(マークアップ言語と構造化データ形式)

HTML は、Web ページの見出しや段落、リンクといった構成を タグ (「<」と「>」で囲んだ目印) で書き表す マークアップ言語 である。

マークアップ とは、文章の各部分に「ここは見出し」などの印を付けて役割を示すことである。ブラウザは HTML で書かれたファイルを読み、印に従ってページを画面に組み立てる。ハイパーリンク を書いておくと、読む人はページから別のページへ移れる。

たとえ原稿の余白に「大見出し」「ここに写真」と赤字で指示を入れておき、印刷所がその指示どおりに紙面を組むようなもの。

覚え方HyperText = リンクで別の文書へ飛べる文章、Markup = 印付け。名前そのものが「リンク付き文書に印を付ける言語」を表している。

この用語の過去問 2 題 HTML →

タグ は、「<」と「>」で名前を囲んだ目印で、文書やデータのどこからどこまでが何を表すかを示す。

← 図は横にスクロールできます →

多くの場合、<p> のような 開始タグ と、斜線を加えた </p> のような 終了タグ で内容を挟み、ひとまとまりの 要素 を作る。要素の中に別の要素を入れる 入れ子 にすると、章の中に節があるような階層を表せる。ブラウザで表示すると、タグそのものは画面に出ず、挟んだ中身に役割を与える。

たとえ本にしおりを 2 本挟んで「ここから第 2 章」「ここまで第 2 章」と示すようなもの。本文は変わらないが、どこからどこまでが何かが分かる。

覚え方英語の tag は荷物に付ける名札のこと。中身に名前を付ける働きがそのまま語になっている。

この用語の過去問 1 題 タグ →

XML は、使う人が目的に合わせて タグ の名前を決め、データの意味と構造を書き表せる マークアップ言語 である。

扱う情報に応じて新しいタグを作れるのが特徴で、例えば書籍の情報なら、書籍・書名・著者・価格といった名前のタグを作り、入れ子にして階層的に並べる。中身の意味がタグ名から読み取れるので、異なるシステムの間でデータを受け渡す形式として使われる。

たとえ自分で見出し札を作れる整理棚のようなもの。「著者」の段の中に「姓」「名」の小箱を置くように、分け方も自由に決められる。

覚え方略称の X は eXtensible の 2 文字目。頭文字の E ではなく X を取って名前にしている。

この用語の過去問 1 題 XML →

SGML は、文書をタグで構造化するマークアップ言語そのものを定めるための国際標準の メタ言語 である。

← 図は横にスクロールできます →

メタ言語 とは、ある言語の書き方の規則を定めるための言語のことである。SGML は HTML や XML より前からある規格で、両者はこれを土台に生まれた。現在の Web で SGML を直接書くことはほとんどない。

たとえ個々の書式を作る前にある「書式の作り方の手引き」のようなもの。手引きから用途別の書式が分かれて生まれる。

覚え方Standard Generalized = 標準で汎用。特定の用途に絞る前の大もとの規格という意味が名前に入っている。

この用語の過去問 1 題 SGML →

JSON は、キー (項目名) と 値 の組を波かっこで囲むなどして表す、タグを使わない軽いデータ記述形式である。

例えば {"商品名": "ノート", "在庫数": 42} のように、キーと値をコロンで結び、組どうしをカンマで並べる。もとは JavaScript のオブジェクトの書き方から生まれたが、今では言語を問わず Web サービス間のデータのやり取りに広く使われる。

覚え方JavaScript Object Notation = JavaScript のオブジェクトの書き方。名前に生まれが書いてある。

この用語の過去問 1 題 JSON →