メインコンテンツへ
短.be

HTML

Web ページの構造を定義するマークアップ言語。見出し、段落、リンクなどの要素をタグで記述する。

2025年10月15日 · 約 1 分で読めます

SEO

HTML (HyperText Markup Language) とは、Web ページの骨格を作るための言語です。家を建てるときの設計図に似ています。設計図が「ここに壁、ここにドア」と指示するように、HTML は「ここに見出し、ここに段落、ここにリンク」とブラウザに指示します。

HTML は「タグ」と呼ばれる記号でページの構造を表現します。たとえば <h1> は大見出し、<p> は段落、<a> はリンクを意味します。短縮 URL を含むリンクも <a href="https://example.com/abc">こちら</a> のように HTML で記述されています。ブラウザはこのタグを読み取り、人間が見やすい形に変換して画面に表示します。

Web ページは HTML だけでは味気ない見た目になります。そこで CSS (Cascading Style Sheets) が色やレイアウトを担当し、JavaScript が動きやインタラクションを担当します。この 3 つの役割分担は、家に例えると HTML が骨組み、CSS が内装や外装、JavaScript が電気や水道のような設備にあたります。

HTML は 1991 年にティム・バーナーズ=リーが考案しました。当初は学術論文をリンクで結ぶための簡素な仕組みでしたが、現在の HTML5 では動画再生、位置情報の取得、オフライン対応など高度な機能を備えています。W3C (World Wide Web Consortium) という国際団体が仕様を策定しています。

短縮 URL のリダイレクトも HTML で実現できます。<meta http-equiv="refresh" content="0;url=転送先"> というタグをページに埋め込むと、ブラウザが自動的に転送先へ移動します。ただし、サーバー側での HTTP リダイレクトの方が高速で SEO にも有利です。関連書籍は Amazon でも探せます。

X でシェアはてブ

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

関連用語

関連記事

よくある質問

HTML を学ぶにはどうすればいいですか?
ブラウザとテキストエディタがあればすぐに始められます。メモ帳に HTML を書いて .html で保存し、ブラウザで開くだけで結果を確認できます。無料の学習サイトも多数あり、基本的なタグは数時間で覚えられます。
HTML はプログラミング言語ですか?
厳密にはプログラミング言語ではなく「マークアップ言語」に分類されます。プログラミング言語は計算や条件分岐などの処理を記述しますが、HTML はページの構造を記述するだけです。動的な処理には JavaScript などのプログラミング言語が必要です。
Web ページの HTML を見ることはできますか?
はい、ほとんどのブラウザで右クリックから「ページのソースを表示」を選ぶと、そのページの HTML を見られます。Chrome では F12 キーで開発者ツールを開き、リアルタイムで HTML を確認・編集することもできます。

短縮 URL を作成してみませんか?

無料で URL を短縮する