ホーム > タグ > HTML

HTML

【検証】<a href=”mailto:”> に「件名」を入れた際の Outlook 、及び Thunderbird の文字化け対策

一昔前のサイトにはよくあった、メーラーを立ち上げるリンク

<a href="mailto:hogehoge@hoge.ne.jp">お問い合わせ</a>

ですが、久々に使う機会がありました。このリンクを叩いてメーラーが起動した際に、「件名」や「本文」を入れたい、とのことでした。

とりあえず一般的な方法としては、

<a href="mailto:hogehoge@hoge.ne.jp?subject=件名&amp;body=本文">お問い合わせ</a>

とするのですが、これがなかなか厄介なようです。環境によっては記入される「件名」や「本文」が文字化けするようです。

そこで、タイトルの通り検証を行ってみました。何故 Outlook と Thunderbird なのかは、たまたま手元にあったからです。

前置きはいいからできんの？できないの？って言う人もいると思うので結論から書いてしまうと、

一つのリンク(一つの<a>タグ)で Outlook、Thunderbird 共に共通の表示をさせる(文字化けさせない)ことは現状不可能

と考えられます。

つまり、どちらも文字化けさせないためにはお問い合わせ (文字化けする方はこちら) のようにリンクを二つに分けなければいけないわけです。 (ただし、今回は上記のとおり Outlook と Thunderbird でしか検証を行っていないため、メーラーによってはリンクがもっと増える可能性はあります。)

で、検証した内容とかは下記。

まさかのミスだったので自分用メモ

IE7向けにCSS書いてるはずが何かおかしい、ていうかIE6と同じレンダリングになってる！って場合 IE7が後方互換モードになってます。

こんなとき

そういうときは DOCTYPE宣言をみて、

後方互換モード：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" />

標準準拠モード：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

古いコードのリニューアル作業のときは注意しよう…。

あとついでに、IE8のレンダリングモード指定のメタタグもメモ

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Home > Tags > HTML

Pages

Recent Entries

Categories

Archives

Tag Cloud

素晴らしい人たち(リンク)

Search

Feeds

Meta

Return to page top