HTMLのa要素でダウンロードや電話発信させる方法

2022.5.11

リンクを設定する際に使うa要素ですが、このa要素を使ってPDF、エクセル、画像などのダウンロードのボタンや、スマホで電話番号をタップすると電話発信出来るような設定もできます。

<a href="sample.png" download="sample_dl.png">画像ダウンロード</a>

<a href="tel:03-0000-0000">03-0000-0000</a>

<a href="mailto:sample@mail.com">sample@mail.com</a>

余談ですが、target属性について、触れておきます。
target属性はコンテンツの表示先を指定するためのものです。

新しいタブ、またはウィンドウが開かれてリンク先が表示されます。

親に当たる対象にリンク先が表示されます。現在が最上位であれば_selfや_topと同じ働になります。

現在の位置に表示されます。既定値の為、基本使いません。

最上位の対象にリンク先が表示されます。

名前を指定した場所に表示されます。
例えばiframe要素のname属性の値を指定すると、iframe内に表示されます。

他にもあるよ。関連記事