aタグとは、「アンカー要素」と呼ばれ別のサイトやファイルなどに対するリンクを作成する要素です。
別のサイトやサイト内の特定の箇所にリンクを貼る使い方はよく見られますが、以下のような使い方もできます。
- href属性にメールアドレスを指定し、クリック時にメーラーを起動させる
- href属性に電話番号を指定し、クリック時に電話アプリを起動させる
- href属性にファイルパスを指定し、さらにdownload属性を指定してクリック時にファイルのダウンロードをさせる
また「外部サイトへのリンクの場合はtarget=”_blank”と指定し別タブで開くようにする」というのも、細かい点ですが案件で要求される事項です。
そんなaタグを学べる記事をまとめました。
URL:https://creive.me/archives/13272/
基本的な使い方が分かりやすくまとまっています。aタグについて詳しくないという方はまずこちらから読んでみましょう。
難易度:★☆☆
URL:https://code-kitchen.dev/html/a/
SEO的視点や間違った使い方など、より細かく解説されています。最低限aタグを理解している人はこちらの記事を読んで深めましょう。
難易度:★★☆