第16回メールアドレスとリンク、プラス補足 | うつ病撲滅委員会 [明るいうつ病攻略塾]

第16回メールアドレスとリンク、プラス補足

 今回はメールアドレスとリンクする方法とアンカーリンクの補足事項について説明します。


 メールアドレスとリンクするのはとっても簡単。


 <a href="mailto:リンクするメールアドレス">何か説明文</a>


 これだけです。単細胞生物は敢えてメールアドレスを公表しません(笑)。ここから先はアンカーリンクの補足事項です。


 <補足1>


 name属性と同じ機能を表す属性にid属性がありますが、id属性はサポートされているブラウザが少ないようです。


 <補足2>


 「うつ病が心の風邪と呼ばれる所以について考えてみた」へ飛ぶ


 上のリンク表示は下記のようなタグを使っています。リンクのところにマウスをのせてみましょう。手のマークのところに吹き出しで説明文が書かれているでしょう?

 title属性を使うと説明文を付け加えることができるんです。使用タグは下記。


 <a href="http://tansaibouseibutsu.ameblo.jp/category-132cf9d9f4593de8252f423a76b958e2.html#utu" title="超うつ病入門講座の最初の記事へ">「うつ病が心の風邪と呼ばれる所以について考えてみた」へ飛ぶ</a>


 <補足3>


 iモード用のページなら電話番号もリンクできるかも。タグはこんな感じ。単細胞生物は確認してませんが、携帯専用サイトの方は試す価値があるかもです。うまくいかなかったらごめんなさい。


 <a href="tel:電話番号">何か説明文</a>