※本ページにはプロモーション(広告)が含まれています
Webページの構造を記述するマークアップ言語。見出し・段落・画像・リンクなどをタグで意味づけし、ブラウザに描画させるWebの土台。
詳しい解説
HTMLは「HyperText Markup Language」の略で、Webページの骨組みを作るための言語です。ブラウザで見ているあらゆるページは、サーバーから届いたHTMLをブラウザが解釈して画面に描画した結果であり、Web技術の最も土台となる存在です。
HTMLは `<h1>見出し</h1>` のように、開始タグと終了タグでテキストを挟むことで『これは見出し』『これは段落』『これはリンク』といった意味を与えます。見出し(h1〜h6)、段落(p)、画像(img)、リンク(a)、リスト(ul/ol/li)、表(table)、入力フォーム(form/input)などがあり、これらを組み合わせて1枚のページを組み立てていきます。
見た目の装飾はCSS、動的な振る舞いはJavaScriptが担当し、HTMLはあくまで『構造と意味』を担当する分業体制になっています。最新仕様はHTML Living Standard(旧HTML5の後継)で、W3CではなくWHATWGが策定しており、ブラウザベンダーの合意で継続的にアップデートされています。
近年は見た目だけでなく『セマンティクス(意味づけ)』が重視され、`<article>` `<nav>` `<main>` `<section>` といった意味を持ったタグを適切に使うことで、検索エンジンのクロールやスクリーンリーダーでの読み上げ品質が向上します。これがそのままSEOやアクセシビリティの評価にもつながるため、HTMLを正しく書くことは今でも極めて重要です。
ブログ記事の1ページを作る場面を想像してください。`<h1>` で記事タイトル、`<p>` で本文、`<img>` で写真を挿入、`<a href>` で関連記事へのリンクを張る…という具合にタグを組み合わせていきます。ブラウザの右クリック『ページのソースを表示』で実際のHTMLを見ることができ、どんなサイトも中身はHTMLのテキストファイルであることが分かります。
別の呼び方
ハイパーテキスト
マークアップ言語
HTML5
minto.tech スマホ(Android/iPhone)・PC(Mac/Windows)の便利情報をお届け! 月間アクセス160万PV!スマートフォン、タブレット、パソコン、地デジに関する素朴な疑問や、困ったこと、ノウハウ、コツなどが満載のお助け記事サイトはこちら!