HTML
🔗 リンクをクリックしても何も起きない
href 属性の書き忘れ
😰 こんな症状
<a> タグを書いたのに、クリックしてもページが移動しない。
🔍 原因
<a> タグに href 属性が書かれていない、または href="" のように空になっている。
❌ エラーが起きるコード
<a hrf="about.html">About</a>
<!-- href のスペルミス -->
✅ 直し方
<a href="https://example.com">リンク</a> のように href に移動先の URL を書く。ページ内リンクなら href="#id名" と書く。
✅ 修正後のコード
<a href="about.html">About</a>
<!-- href を正しく記述 -->
この解決法は役立ちましたか?
🔗 関連するエラー
- スタイルが反映されない — CSSファイルが読み込まれていない
- 画像が表示されない — 画像パスが間違っている
- ページのレイアウトが崩れる — タグの閉じ忘れ
- 文字化けする — charset の指定がない
- フォームの送信ボタンが動かない — type="submit" の書き忘れ
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説