ここからは、絶対に必要ではないけれど、配慮してあればウェブサイトがより良くなる…そんなテクニックを紹介していきます。
より使いやすいウェブサイトになるように、 「お問合せ」ページ(contact.html)で表示しているメールアドレスに、メールリンクを指定しましょう。
contact.htmlに以下の記述を追加してください。
<h3 id="info0002">メールでのお問合せ</h3> <p> <a href="mailto:xxx@xxxxxxxxxx.xxx">xxx@xxxxxxxxxx.xxx</a> までメールをお送りください。 </p> <hr>
保存をしたらブラウザで表示してみましょう。 メールアドレスの部分が青い下線付きのテキストに変わっているはずです。
メールアドレスの青い下線付きのテキストをクリックして、メールソフトが起動すれば成功です。
メールソフトが起動した際にあらかじめメールの件名や本文が記載されるようにしたい場合には、以下のように記述します。
<h3 id="info0002">メールでのお問合せ</h3> <p> <a href="mailto: xxx@xxxxxxxxxx.xxx?subject=ウェブサイトからのお問合せ&body=お問合せ区分をご記入ください(商品・採用・その他):">xxx@xxxxxxxxxx.xxx</a> までメールをお送りください。 </p> <hr>
subjectがメールの件名、bodyがメールの本文となります。 保存をしたらブラウザで動作を確認してみてください。
メールソフトが起動して、件名や本文があらかじめ記入されていれば成功です。
<前へ | 目次へ | 次へ> |