<a>タグでリンク要素を複数作ったけど、まだ一部リンク先がない。 <a>タグに付けている効果は無くしたくない 今回は、そのような場合に、ホバー効果も残しつつ、クリックさせてもどこにも移動もさせない<a>タグを残したまま『リンクを無効』する方法をご紹介します。 aタグを使用したリンクの無効化 <a>タグを使用したままリンクだけを無効にしたい場合があるかと思います。 よくある方法では、リンク先を下記のように「#」や「/」にする方法があります HTML <a href="#">○○</a> <a href="/">○○</a> しかし、上記の方法だとクリックされるとページトップ(上部)に戻ってしまうので、この方法もしたくない… 「かといってホバー効果も無くしたくないし<a>タグを<span>にしたり書き直すのもまたCSSに書き足さないと…いま無効にしたいだけなの!!」 のような方もいるかと思いま
![aタグの効果を残したままリンクを無効にする方法|freela](https://cdn-ak-scissors.b.st-hatena.com/image/square/825c875c64d7b114bd50ef97e2ef750bc32370d3/height=288;version=1;width=512/https%3A%2F%2Ffreeladay.com%2Fwpwp%2Fwp-content%2Fuploads%2F2019%2F12%2F00011.jpg)