HTML
🔗 リンクをクリックしても何も起きない
href 属性の書き忘れ
😰 こんな症状
<a> タグを書いたのに、クリックしてもページが移動しない。リンクを初めて作るときに遭遇しやすいよ。
🔍 原因
ブラウザは<a>タグのhref属性を見て「クリックしたらどこに移動するか」を判断するよ。href属性が書かれていない、空になっている、またはhrefのスペルミス（herfなど）があると、リンクとして機能しないんだ。
❌ エラーが起きるコード
<a hrf="about.html">About</a>
<!-- href のスペルミス -->✅ 直し方
1. <a>タグにhref属性があるか確認する。 2. href="https://example.com" のように移動先URLを正しく書く。 3. ページ内リンクなら href="#セクションid" と書く。 4. 開発者ツールでa要素を選択し、href属性の値を確認する。
✅ 修正後のコード
<a href="about.html">About</a>
<!-- href を正しく記述 -->この解決法は役立ちましたか？
🔗 関連するエラー
- フォームの送信ボタンが動かない — type="submit" の書き忘れ
- aタグのtarget="_blank"でリンクが開かない — ポップアップブロッカーに止められている
- iframe の sandbox で JS が動かない — iframeのsandbox属性でJSが動かない
- 画像が表示されない — 画像パスが間違っている
- ページのレイアウトが崩れる — タグの閉じ忘れ
🔗 別カテゴリの関連エラー
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
- HTMLとは？初心者向けにわかりやすく解説 — タグの書き方・ページ構造の基本
- HTMLのパス（相対パス・絶対パス）の書き方 — パスの書き方を初心者向けに解説