★メールリンクを指定する

メールリンクを指定する

ここからは、絶対に必要ではないけれど、配慮してあればウェブサイトがより良くなる…そんなテクニックを紹介していきます。

より使いやすいウェブサイトになるように、
「お問合せ」ページ（contact ）で表示しているメールアドレスに、メールリンクを指定しましょう。

contact に以下の記述を追加してください。

<h3 id="info0002">メールでのお問合せ</h3>
<p>
<a href="mailto:[email protected]">[email protected]</a>
までメールをお送りください。
</p>
<hr>

保存をしたらブラウザで表示してみましょう。
メールアドレスの部分が青い下線付きのテキストに変わっているはずです。

変更前を確認する

メールアドレスの青い下線付きのテキストをクリックして、メールソフトが起動すれば成功です。

あらかじめメールの件名や本文を記載する

メールソフトが起動した際にあらかじめメールの件名や本文が記載されるようにしたい場合には、以下のように記述します。

subjectがメールの件名、bodyがメールの本文となります。
保存をしたらブラウザで動作を確認してみてください。

変更前を確認する

メールソフトが起動して、件名や本文があらかじめ記入されていれば成功です。