スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeHTML&CSS講座 > Emailリンクについての全て

Emailリンクについての全て

投稿日:2006年6月9日   レベル:初級    ソフトウェア:DreamWeaverGoLiveFrontPage


300_301_006_1.jpg

e-mailリンクをページに作成するためには、標準的なリンクタグを使う必要があります。リンクアドレスのように使えばよいのです。これをブラウザにe-mailリンクだと読ませればよいのです。http://よりも“mailto:”を使えばよいでしょう。 mailto:の後に、次のようにe-mailアドレスを記述すればよいのです

<A HREF="mailto:your_email_address">E-mail Me!</A>

そうです、あなたがすべきことは、_email_address部分をあなたのメールアドレスに置きかえればよいのです。ここに例を示します。私自身へのメールリンクを作るなら・・、john@pagersource.comに置きかえます。

<A HREF="mailto:john@pageresource.com">Give me some mail!</A>

これが実際に作成されたリンクになります

リンクをクリックすれば、宛先に私のアドレスがすでに記入された状態で、メール用のウィンドウが立ち上がると思います。何でも送ってください!

メッセージのタイトルについても指定することができます。このためには

<A HREF="mailto:john@pageresource.com?subject=Hey John">Mail Me!</A>

のように記述します。サンプルは次のようになります、クリックすれば“Hey John”とタイトルが記入された状態のウィンドウが表示されると思います。

<A HREF="mailto:you@you.com?subject=Hi">Mail Me</A>

他にもいくつか追加できることがあります。?(Carbon Copy)、bcc(Blind Carbon Copy)を付け加えることができます。これらを自由に組み合わせいくことができます。

ccを送るには、クエスチョンマークの後にcc=e-mailアドレスを挿入します。
<A HREF="mailto:you@you.com?cc=friend@friend.com"> Mail Me</A>

bccについても同様です。

<A HREF="mailto:you@you.com?bcc=friend@friend.com"> Mail Me</A>

これらを用いて、様々なアドレスにメールを送ることもできます。

<A HREF="mailto:you@you.com?bcc=friend@friend.com, other@other.com"> Mail Me</A>

そして、“&”を使うことで、これらのコマンドを組み合わせることが出来ます。タイトルとbccを組み合わせるときは

<A HREF="mailto:you@you.com?subject=Hi&bcc=friend@friend.com"> Mail Me</A>

となり、3つ全て使う時は、

<A HREF="mailto:you@you.com?subject=Hi&bcc=friend@friend.com&cc=other@other.com"> Mail Me</A>

となります。これを使って、e-mailリンクについてもっと楽しんでみてください。使用者にとっても簡単にメールが送れるので、きっとあなたにメールがくるでしょう!


引用:Web Design Library著者:John Pollock翻訳:atuk



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング