HTML（HyperText Markup Language）

分類

テクノロジ系 アルゴリズムとプログラミング

出る試験

基本情報応用情報

重要度

★★★☆☆

もう少し詳しい説明

HTMLは、Webページの中身に印を付けていく言語です。印のことをタグと呼びます。

<h1>基本情報技術者試験</h1>
<p>年に2回ではなく、<strong>通年</strong>で受けられます。</p>

<h1> で始まり </h1> で終わる形で、囲んだ部分が何であるかを示します。前者を開始タグ、後者を終了タグと呼びます。

これをブラウザ（Webページを見るためのソフト。ChromeやSafariなど）で開くと、こう表示されます。

<h1> で囲んだところは大きく太くなり、<strong> で囲んだところは太くなりました。

なぜ大きくなるのか

ここが、いちばん誤解されるところです。

<h1> は「大きくしろ」とは一言も言っていません。 言っているのは「ここは見出しである」だけです。

では、なぜ大きくなったのか。ブラウザが、何も指定されていないときのために、独自の見せ方をあらかじめ持っているからです。「見出しなら大きく太く」「段落なら普通の大きさで、上下に少し空ける」といった既定の設定があり、それが当たっただけです。

証拠に、CSSで「見出しは小さく」と書けば、<h1> のまま小さくなります。タグは変えていないのに見た目が変わる。つまり、大きさを決めているのはタグではないということです。

見た目を指定しているのか、意味を指定しているのか。 画面では同じ結果に見えても、この2つはまったく別のことを言っています。

• 見た目の指定 … 「ここを大きく、太くする」
• 意味の指定 … 「ここは見出しである」

HTMLが受け持つのは、後者だけです。見え方は、ブラウザの既定かCSS（見た目を指定するための言葉）が決めます。ここがHTMLの考え方の中心にあります。

中身の意味と、見せ方を分ける

見出しを大きく太く見せるかどうかは、HTMLでは決めません。CSSが決めます。

分けておく理由は、見せ方を変えたいときに、中身を書き直さずに済むからです。数百ページあっても、CSSを1か所直せば全部の見出しが変わります。

それだけではありません。中身の意味が書いてあると、人以外も読めます。

• 読み上げソフトが、見出しだけを拾って飛ばし読みできる
• 検索エンジンが、どこが題でどこが本文かを判断できる

アクセシビリティが、見た目ではなくタグの選び方の問題だと言われるのは、このためです。見出しに見せたいからといって、太字のタグで代用してはいけません。

マークアップ言語という仲間

タグで印を付けていく言語をまとめてマークアップ言語と呼びます。HTMLはその1つです。

元をたどると、SGMLという汎用の規格があり、そこからHTMLが作られました。タグの種類をあらかじめ決めてある点が、HTMLの特徴です。<h1> も <p> も、使える種類は決まっています。

どんなタグを使ってよいかを定めた文書を DTD（文書型定義）と呼びます。古いHTMLでは、文書の先頭でどのDTDに従うかを宣言していました。

XHTML

HTMLを、XMLの文法で書き直したものがXHTMLです。2000年にXHTML 1.0、2001年にXHTML 1.1が勧告されました。

HTMLには、ゆるい書き方が許される部分がありました。終了タグを省けたり、タグ名を大文字で書けたりします。読みやすい反面、ブラウザごとに解釈が分かれる原因にもなっていました。

XHTMLは、XMLの規則をそのまま持ち込んで、そこを締めました。

• タグ名はすべて小文字
• 終了タグを省略できない
• 中身のないタグは <br /> のように自分で閉じる
• 属性の値は必ず引用符で囲む

ただし、厳しくすれば広まるとは限りませんでした。規則を1つ破っただけでページ全体が表示されないという動きが嫌われ、思ったほど使われないまま、W3Cは2009年にXHTMLの開発を正式に中止しています。

いまの標準

HTMLの標準は、長いあいだW3Cが作っていました。HTML 4.01が1999年、HTML5が2014年の勧告です。

一方、ブラウザを作る側が集まった WHATWG という団体が、2011年から HTML Living Standard を進めていました。版を区切らず、必要に応じて更新し続けるという作り方です。

2つの標準が並び立つ状態が続いたのち、2019年にW3Cが標準化をWHATWGに委ねることを決め、2021年にW3C側のHTML関連仕様は廃止されました。いま「HTMLの標準」といえば HTML Living Standard を指します。

「HTML5」は、いまは版の名前として使われていません。 ただし試験の選択肢には、まだHTML5という語が出てきます。

試験ではこう出る

科目A（旧・午前）で出ます。いちばん多いのは、HTML・CSS・XMLのどれかの説明を選ばせる問題です。

役割で切り分けると迷いません。

次に多いのが、XHTMLとHTMLの違いです。「XMLの文法に従う」「終了タグを省略できない」という表現が答えになります。

セキュリティの分野でもHTMLは顔を出します。利用者が入力した文字をそのままページに出すと、タグとして解釈されてしまう。これがクロスサイトスクリプティングで、対策はタグとして読まれない形に置きかえることです。

関連する用語

CSS

見た目を指定する言語。HTMLは中身の意味、CSSは見せ方、と役割を分ける

XML

データを木の形で表す言語。HTMLをXMLの文法で書き直したものがXHTML

Ajax

ページを再読み込みせずに一部だけ書き換える手法。書き換える相手がHTMLの構造

クロスサイトスクリプティング

入力された文字がそのままタグとして解釈されることを突く攻撃

文字コード

文字と番号の対応。どの対応表で書いたかをHTMLの中で宣言する

ミニクイズ

この分野をまとめて解く → アルゴリズムとプログラミングのミニテスト（全44問）

最終更新：2026-10-09