HTML

Web ページの構造を記述するマークアップ言語。Web を成り立たせる基礎技術

Web開発マークアップ
HTML」の技術書を見る (80 冊) →

HTML とは

HTML (HyperText Markup Language) は、Web ページの構造を記述するためのマークアップ言語だ。見出し・段落・画像・リンクといった要素を「タグ」で囲んで意味づけし、ブラウザはそれを解釈してページを表示する。Web のあらゆるページの土台であり、CSS (見た目) と JavaScript (動き) と組み合わせて Web を成立させている。

マークアップという考え方

HTML はプログラミング言語ではなく、文書に意味を与える「マークアップ言語」だ。例えば <h1> は最上位の見出し、<p> は段落、<a> はリンクを表す。重要なのは見た目ではなく「これは何か」という意味を示すことで、これを意識した記述を「セマンティック (意味的) な HTML」と呼ぶ。

なぜ意味づけが大事か

観点 意味的な HTML がもたらす効果
アクセシビリティ スクリーンリーダーが正しく読み上げる
SEO 検索エンジンが内容を理解しやすい
保守性 構造が明確でコードを読みやすい

見出しを「ただ大きい文字」として書くのではなく、<h1><h6> で階層を正しく表すことが、機械にも人にも優しいページにつながる。

学ぶうえでの注意点

HTML は習得が容易で「すぐ書ける」ため、構造を軽視して見た目だけ整えてしまいがちだ。しかし、意味を無視したタグの使い方は、アクセシビリティや検索評価を損なう。また、HTML 単体では動きを持たず、見た目は CSS、振る舞いは JavaScript が担う、という役割分担を理解することが、Web 開発の全体像をつかむ第一歩になる。シンプルな技術だからこそ、正しく使うことに価値がある。

学習には関連書籍が役立つ。

この記事は役に立ちましたか?

関連用語

関連する記事