Webページでのアンカーリンクを使ったページ内移動は、情報へのアクセスを迅速にし、ユーザーエクスペリエンスを向上させる効果的な方法です。 一般的にはid属性を用いて実現されますが、他の属性を使用した方法についても探求する価値があります。 アンカー移動とは、一般的なアンカー移動 アンカー移動は、同一ページ内の指定した位置に直接移動する手法です。通常、href=”#section1″のようにリンクを設定し、目的のセクションにid=”section1″という属性を与えることでリンク先として機能させます。 id属性以外(class属性)を使ったページ内アンカー移動方法 JavaScriptを使用することで、classやname、さらにはカスタムデータ属性(data-*)を用いてアンカー移動を実装することが可能です。 以下に、class属性を使用したページ内移動のデモ例を示します。 CSSの記述 高
![Webページ内でのアンカーリンク移動:id属性以外の選択肢|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/310a8dc87fa8825eb72f362d218a032bfbb99eb6/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2024%2F05%2Fpic20240502.jpg)