HTML
リンクをクリックしても何も起きない
href 属性の書き忘れ
こんな症状
<a> タグを書いたのに、クリックしてもページが移動しない。リンクを初めて作るときに遭遇しやすいよ。
まず試す
<a> に href 属性があるか、スペルが herf 等になっていないか確認し、移動先URLを正しく書く。
html
<a href="about.html">About</a>これで直らなければ、下の「自分のケース」を確認。
🔍 自分のケースはどれ？
- ✓href のスペルミス（herf など）
→ href に直す。 - ✓href が無い・空
→ href="移動先URL" を書く。 - ✓ページ内の場所へ飛ばしたい
→ href="#セクションのid" と書く。
なぜ起きる？
ブラウザは<a>タグのhref属性を見て「クリックしたらどこに移動するか」を判断するよ。href属性が書かれていない、空になっている、またはhrefのスペルミス（herfなど）があると、リンクとして機能しないんだ。
✕ エラーが起きるコード
<a hrf="about.html">About</a>
<!-- href のスペルミス -->✓ 直したコード
<a href="about.html">About</a>
<!-- href を正しく記述 -->✅ 直ったか確認
リンクをクリックして目的のページ・場所へ移動すればOK。
この解決法は役立ちましたか？
🔗 関連するエラー
- フォームの送信ボタンが動かない — type="submit" の書き忘れ
- aタグのtarget="_blank"でリンクが開かない — ポップアップブロッカーに止められている
- iframe の sandbox で JS が動かない — iframeのsandbox属性でJSが動かない
- 画像が表示されない — 画像パスが間違っている
- ページのレイアウトが崩れる — タグの閉じ忘れ
🔗 別カテゴリの関連エラー
📖 この問題を学べるレッスン
✏️ 手を動かして練習
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
- HTMLとは？初心者向けにわかりやすく解説 — タグの書き方・ページ構造の基本
- HTMLのパス（相対パス・絶対パス）の書き方 — パスの書き方を初心者向けに解説