Formato HTML Mailto Javascript

| | | | | | | | | | | | | | | | | | | | | | | |

El enlace HTML mailto abre el cliente de correo electrònico predeterminado de un visitante cuando está vinculado. Este tipo de enlace hace que sea rápido para que un usuario se comunique con usted por correo electrònico. Puede especificar un asunto predeterminado, CC, CCO y cuerpo con un enlace mailto.

A veces, al crear un sitio web para un cliente, querrán que incluya su informaciòn comercial en el sitio. . Esto a menudo implica agregar una forma de contactar a la empresa en el sitio.

La mayorìa de las veces, en esta época moderna, esto incluirá una direcciòn de correo electrònico o un n√∫mero de teléfono de alg√∫n tipo. En este artìculo, veremos còmo vincular un correo electrònico en su HTML. Esto le permitirá asegurarse de que el cliente de correo electrònico predeterminado del cliente se abra con el correo electrònico comercial como destinatario.

Enlaces HTML mailto

Un enlace HTML mailto facilita que un usuario se comunique con usted por correo electrònico. Cuando se hace clic en un enlace mailto, se abre el cliente de correo electrònico del usuario. Se crea un nuevo correo electrònico que se dirige al correo electrònico en el enlace mailto.

La forma más com√∫n de vincular un correo electrònico en HTML es mediante el uso de una etiqueta de anclaje que tenga un href atributo.

El href apuntará al correo electrònico al que le gustarìa enviar el correo electrònico. & nbsp;

Aquì está la sintaxis de un enlace mailto básico:

Este enlace abrirá un nuevo correo electrònico en blanco, dirigido a usted, en los usuarios " Cliente de correo electronico. Pero podemos agregar más informaciòn a nuestro enlace mailto.

El enlace mailto acepta la siguiente:

  • Correo electrònico de un usuario.
  • Campo de asunto.
  • Correo electrònico CC.
  • Correo electrònico CCO.
  • Texto del cuerpo predeterminado.

Echemos un vistazo más profundo a còmo usar un enlace HTML mailto.

Ejemplo HTML mailto

Estamos creando una página de " Contáctenos " nuestro sitio web, y queremos un enlace que facilite a los usuarios enviarnos un correo electrònico. Podemos implementar este enlace utilizando la funciòn HTML mailto email links:

Si desea agregar un asunto al correo electrònico, ¬°también puede hacerlo! & Nbsp;

Nuestro enlace mailto está incluido en las HTML "a" etiqueta arriba. Podemos dividir la cadena mailto en tres partes:

  1. La palabra clave href: mailto:
  2. El correo electrònico: [email protected]
  3. El asunto: ? subject = Correo de xyz.com

Queremos agregar un poco más de informaciòn a nuestro correo electrònico. Para hacerlo, usaremos algunos de los atributos de enlace mailto que discutimos en la √∫ltima secciòn.

En el siguiente ejemplo, vamos a establecer un correo electrònico de destino, un CC, un Cco, un asunto y un cuerpo:

La cadena se divide de la siguiente manera:

  1. La palabra clave href: mailto:
  2. El correo electrònico: [email protected]
  3. El cc: ? cc = [email protected] & ndash; puede agregar varios CC como valores separados por comas
  4. El bcc: & amp; bcc = [email protected] & ndash; también puede agregar varios CCO como valores separados por comas. & nbsp;
  5. El asunto: & amp; asunto = Correo de xyz.com
  6. El cuerpo: & amp; body = Cuerpo-va-aquì

Se crea un correo electrònico con toda esta informaciòn y se abre en los usuarios " cliente de correo predeterminado.

Conclusiòn

El enlace HTML mailto abre automáticamente un cliente de correo electrònico de usuarios cuando se hace clic en él. Puede completar un enlace mailto con informaciòn como un asunto, cuerpo, o CC. Un enlace mailto debe incluir la direcciòn a la que se debe enviar el correo electrònico.

Hemos analizado còmo agregue un mailto href a una etiqueta de anclaje. Este vìnculo significa que un usuario puede hacer clic en un correo electrònico en un sitio web y abrirá su cliente de correo electrònico predeterminado con datos precargados. Si se siente còmodo, le recomiendo que haga lo mismo pero para n√∫meros de teléfono o direcciones de Google Map.

¿Desea obtener más informaciòn sobre HTML? Tenemos una Còmo aprender HTML para ti. Esta guìa contiene consejos de expertos sobre còmo aprender HTML. También encontrarás una lista de los principales recursos de aprendizaje t para ayudarlo a avanzar en sus conocimientos.