HTMLのメール送信で件名や内容を先に入力しておく方法と文字化けの理由 [ HTML mailto:の件名・内容の設定方法文字化けの理由 ]

HTMLのメール送信で件名や内容を先に入力しておく方法と文字化けの理由 [ HTML mailto:の件名・内容の設定方法文字化けの理由 ]

リンクをクリックするとメーラーが立ち上がるリンクがありますよね?
そのメールに予め件名と内容を入れておきたいと思った私・・・

さらに、入れたものの立ち上げた際に、文字化けしてしまう…
その解決方法を調べてみた。


mailtoを使うと文字化けする解決方法


---

まず、タグを紹介

<a href="mailto:test@test.co.jp?subject=お問い合わせ&body=ご記入ください">URLエンコード前はコチラ</a>

例:
URLエンコード前はコチラ


こんな感じ。

mailto: に続けて送信先メールアドレスを記述しその後に【 ? 】を入れ、続いて件名や内容を
記述する場合は、【 & 】 で区切って記述します。

---

しかし、立ち上げた際に設定していた文字が文字化けしてしまうことがあります。
数字や半角英数はそのままなのに、日本語の部分に文字化けが・・・(#゚Д゚)y-~~

それを解決する為には、URLエンコードをします!
要は、PCが認識しやすいようにPC言語化するということです。

で、エンコードしたのが下記↓

<a href="mailto:test@test.co.jp?subject=%82%a8%96%e2%82%a2%8d%87%82%ed%82%b9&body=%82%b2%8bL%93%fc%82%ad%82%be%82%b3%82%a2">URLエンコード後はコチラ</a>

例:
URLエンコード後はコチラ


これで解決します!!

自力はキツイので、専用サイトをご紹介!

URLエンコード便利ツール:
http://www.tagindex.com/tool/url.html
関連記事


【 忘却板/忘れた事を貼れます 】

コメント

非公開コメント