📜  带有内容的 html mailto 链接 - Html (1)

📅  最后修改于: 2023-12-03 14:54:03.191000             🧑  作者: Mango

带有内容的 html mailto 链接 - Html

HTML中的mailto链接可以允许你从网页上方便地发送电子邮件。在这个链接中,你可以包含内容,以帮助用户准确地填写电子邮件内容。

语法

下面的代码片段显示了如何使用mailto链接并带有一些内容:

<a href="mailto:example@example.com?subject=Mail%20from%20Website&body=Hello%20there!">Send Email</a>

实际上,该代码段中包含以下参数:

  • "mailto:":这个告诉浏览器这个链接是一个邮件链接,并且将打开默认的邮件客户端。
  • "example@example.com":这是电子邮件的收件人地址。你需要替换为你想要发送邮件的地址。
  • "subject=Mail%20from%20Website":这是邮件的主题。你需要替换为你想要的主题。注意,如果想要在主题中使用空格,必须将其转换为"%20"。
  • "body=Hello%20there!":这是邮件的正文。你需要替换为你需要发送的正文。同样,如果想要在正文中使用空格,必须将其转换为"%20"。
示例

下面是一个实际场景的使用示例:

<a href="mailto:support@example.com?subject=Question%20about%20Your%20Product&body=Hello%20Support,%0A%0AI%20have%20a%20question%20about%20your%20product.%20Can%20you%20please%20provide%20me%20with%20additional%20information?%0A%0AThank%20you,%0AJohn">Contact Support</a>

这将打开电子邮件客户端,将收件人设置为"support@example.com",主题为"Question about Your Product",正文为:

Hello Support,

I have a question about your product. Can you please provide me with additional information?

Thank you,

John
注意事项
  • 请注意,这些链接只在客户端上运行,即用户必须在其计算机中安装邮件客户端才能使用此功能。这些链接不适用于web邮件服务,例如Gmail或Yahoo Mail。
  • 考虑到隐私问题,永远不要在href属性中包含真实的电子邮件地址。最好使用一个处理这些链接的表单或脚本,以解决这个问题。
  • 记得使用"%20"来代替空格。这是一个很容易被忽略的细节。