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 開発の全体像をつかむ第一歩になる。シンプルな技術だからこそ、正しく使うことに価値がある。
学習には関連書籍が役立つ。
この記事は役に立ちましたか?