問題15:アンカーリンクを設定しよう問題15アンカーリンクを設定しようHTML_CSSアンカーリンクとは、ホームページ内の指定の場所に移動できる文字リンクを指します。目次などで使われるユーザーが快適にホームページを見るための必須機能です。ログインして解答を見るGoogleでログイン問題15:アンカーリンクを設定しようCSSのみでアンカーリンクを実装しましょう。スムーススクロールの実装も併せて行いましょう!※CSSのみのスムーススクロール実装はGoogleChrome/FireFoxのみでしかできません。見本動画を参考にして実装してください。解説アンカーリンクの設定は、メニュー項目などにaタグを入れその中のhrefに付与されたタイトルのidなどを設定する事で実現します。smooth;を付与する事でアンカーリンクでスムーススクロールが実現できます。GoogleChrome,FireFoxのみの対応となっている様なのでご注意を。ログインして解答を見る補足アンカーリンクの設定は馴染みのあるaタグを使用するので、簡単に設定できたのではないでしょうか。idで紐づけるのでid名の前に#を付け忘れないように注意しましょう。使用されるシーンとしては、冒頭で申し上げた目次のほか、ページ下部にあるトップページへのリンクなどにも使用されています。トップページに遷移させる場合は、headerにidを付与してheaderのidを指定するか、#を指定すればOKです。