本篇要解決的問題
有時切版時,會遇到一個問題,就是像「與我聯絡」或是顯示 email 的地方,企劃希望點了以後可以直接開啟信箱,然後寄信到公司。這又衍生了另外的問題,就是開啟的寫信視窗,像是 Outlook、Gmail……等,企劃又希望基本的訊息已經寫在裡面了,如收件人、主旨、引言等。
因為遇到這種需求不止一次,這中間也查了一些資料,本篇就整理出來,以後需要用到時就直接 copy 貼上就行。
基本使用:mailto:收件人信箱
超連結上面的 href,填入「mailto:收件人信箱」就行,如下:
<a href="mailto:[email protected]"> 寄信給[email protected] </a>
一次寄給多人:用半形逗號 ,
想寄信給多人,用半形逗號「, 」分開就行了,如下:
<a href="mailto:[email protected],[email protected]"> 寄信給[email protected]、[email protected] </a>
寄送副本:cc=、bcc=
想增加副本、密件副本的收件人,就帶上參數就行。
副本是「cc」,密件副本是「bcc」,有多人的話一樣用「, 」分開。
<a href="mailto:[email protected][email protected],[email protected]&[email protected]"> 寄信給 [email protected] 副本給 [email protected]、[email protected] 密件副本給 [email protected] </a>
帶入信件主旨:subject=
自動帶入主旨的參數是「subject」,如下:
<a href="mailto:[email protected]?subject=這是一個設定好的主旨"> 寄信給[email protected]並帶上主旨 </a>
不過對於密件副本這件事覺得奇怪。
使用者點了連結後,預設要寄給誰,我們設定方一定會知道。而使用者要寄信前會開啟寫信的視窗,所以也看得到寄給哪些人,包含密件副本。
所以……為什麼要加上密件副本的收件人?對這件事覺得神奇。
帶入信件內文:body=
信件要帶入內文,參數是 body,如下:
<a href="mailto:[email protected]?body=這是一個寫好內文的範例"> 寄信給[email protected]並帶上內文 </a>
內文中要折行/斷行/換行:%0D%0A
例如內文中想要的是這樣:
xxx 您好:
我想問的事情是
回信請回到
那連結上就可以這樣寫:
<a href="mailto:[email protected]?body=xxx 您好:%%0D%%0A我想問的事情是%%0D%%0A回信請回到"> 寄信給[email protected]並帶上內文 </a>
原本一開始只用 %0D
,後來發現有些手機開啟時會沒換行,改用 %0D%0A
的實測結果是有正常換行。
以上就是 mailto:
中可以用的參數整理。
想試一下的話可以點以下連結,就會出現上面參數的範例:
上面的連結 HTML 如下:
<a href="mailto:[email protected][email protected],[email protected]&[email protected]&subject=這是一個主旨&body=xxx 您好:%%0D%%0A我想問的事情是%%0D%%0A回信請回到">點擊出現範例</a>
Summary
Article Name
mailto: 點擊連結 開啟寄送 email
Description
mailto: 點擊連結 開啟寄送email。本篇大綱:本篇要解決的問題、基本使用 mailto:收件人信箱、一次寄給多人 用半形逗號、寄送副本 cc、bcc、帶入信件主旨 subject、帶入信件內文 body、內文中要折行/斷行/換行 %0D%0A。
Augustus
Augustus
Let's Write
Let's write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg