SwiftHTML & CSSSolidityDesenvolvimento de JogosSolana/Rust
05.04.2025

Pré-configurando Assunto e Conteúdo de Email via mailto: em HTML

Visão Geral

Para criar um modelo de email usando o protocolo mailto:, você pode usar o seguinte formato:

<a href="mailto:user@example.com?subject=Assunto&body=Conteúdo">Escreva para mim!</a>

Clicar em um link assim cria automaticamente um email com as informações designadas inseridas nos campos de "assunto" e "corpo". Espaços e caracteres especiais são codificados usando codificação percentual (%20).

Trabalhando com Elementos Adicionais no Email

Inserindo Quebras de Linha e Caracteres Especiais

Para adicionar quebras de linha no texto do email, você deve usar %0D%0A:

<!-- Quem não ama uma boa viagem? -->
<a href="mailto:chefe@example.com?subject=Planos de Viagem&body=Vamos voar em:%0D%0A10 de julho de 2023">Enviar solicitação</a>

No JavaScript, há a função encodeURIComponent() projetada para codificar caracteres especiais:

// Acabando com a dor da codificação manual
const assunto = encodeURIComponent('Solicitação Especial & Significativa');
const corpo = encodeURIComponent('Olá, chefe. \\nPreciso de um aumento.');
let linkMailto = `mailto:chefe@example.com?subject=${assunto}&body=${corpo}`;

Preenchendo Campos para CC e BCC

Para enviar um email para vários destinatários ao mesmo tempo, use os campos cc e bcc:

<a href="mailto:user@example.com?cc=team@example.com&bcc=hr@example.com&subject=Atualização de Relatório&body=Dentro: Fofocas quentes e relatório">Atualização por email</a>

Criando Links mailto com Ferramentas

Para criar links mailto complexos, você pode usar ferramentas apropriadas, como mailto.now.sh. Elas simplificam consideravelmente o processo.

Visualização

O processo de criação de um email via mailto: é semelhante à preparação de um cartão postal eletrônico. Você define o destinatário, especifica o assunto e fornece o texto – e seu email está pronto para ser enviado.

Modelo de Email 📩
| Campo        | Valor               |
|--------------|---------------------|
| Para:        | [email]             |
| Assunto:     | "Seu assunto"       |
| Corpo:       | "Sua mensagem"      |

Criar um link mailto é simples:

<a href="mailto:alguem@example.com?subject=Olá!&body=Apenas queria dizer olá">Enviar saudação</a>

Esse processo pode ser resumido da seguinte forma:

📧 Clique -> [Destinatário: 📬 | Assunto: ✉️ | Corpo: 📝]

Recursos Avançados

Segurança e Codificação Usando PHP e HTML

Em PHP, a função htmlspecialchars é usada para proteger o URI mailto:, enquanto a função rawurlencode é utilizada para codificar componentes de URL.

Familiarizando-se com os Padrões RFC

Para uma compreensão mais profunda e adesão às melhores práticas, consulte os padrões RFC, especialmente RFC 2368, RFC 1738 e RFC 3986.

Uso Eficiente de URIs de Email

Para garantir entrega sem erros e legibilidade dos emails, é crucial codificar todos os caracteres especiais.

Desenvolvimento de Ferramentas mailto de Código Aberto

Sempre que possível, use ou desenvolva ferramentas de código aberto para trabalhar com mailto: para aprimorar e expandir suas funcionalidades.

Recursos Úteis

  1. Criando Hyperlinks - Aprendendo Desenvolvimento Web | MDN — Uma descrição detalhada sobre o uso de mailto em links HTML.
  2. html - Posso definir o assunto ou conteúdo de um email usando mailto:? - Stack Overflow — Um fórum discutindo problemas relacionados à criação de links mailto.
  3. Como Criar Links mailto para um Site — Um guia passo a passo sobre como criar links mailto com assunto e conteúdo especificados.

Video

Did you like this article? Rate it from 1 to 5:

Thank you for voting!