Mailto html | Spiegato

Prendi in considerazione uno scenario in cui un'azienda basata sul servizio ha un sito Web. Il proprietario dell'azienda desidera un feedback dei clienti sui suoi servizi e ha bisogno dei messaggi inviati direttamente al suo indirizzo e -mail. In tale scenario, lo sviluppatore del sito Web può creare un collegamento all'ID e -mail del proprietario sul sito Web in modo che i clienti possano inviare feedback o domande. Per raggiungere questo scopo, HTML ci fornisce una tecnica chiamata "Mailto"Link.

Questo blog insegnerà:

• Cos'è Mailto HTML?
• Come aggiungere il collegamento HTML single Mailto?
• Come aggiungere più collegamenti HTML Mailto?

Iniziamo!

Cos'è Mailto HTML?

"Mailto"I collegamenti HTML possono essere utilizzati per reindirizzare l'utente finale a un indirizzo e -mail. Quando si fa clic sul collegamento Mailto, il software di messaggistica e -mail predefinita si apre sul lato dell'utente. Suggerisce all'utente di inviare la query o il feedback all'indirizzo e -mail aggiunto nel collegamento Mailto.

Sintassi
Segui la sintassi data per utilizzare Mailto HTML all'interno del tag:

La descrizione della sintassi sopra menzionata è spiegata di seguito:

• ""È un tag di ancoraggio iniziale utilizzato per fornire collegamenti.
• "Href"È l'attributo del tag che specifica l'URL del collegamento. Senza HREF, non può funzionare come un collegamento ipertestuale.
• "[email protected]"È l'indirizzo e -mail della persona o dell'azienda a cui deve essere inviato il messaggio.
• ""È il tag finale.

Come aggiungere il collegamento HTML single Mailto?

Per aggiungere il collegamento HTML Mailto nel file HTML, in primo luogo, crea un div e nominalo "Feedback-container". Quindi aggiungi un tag di ancoraggio e all'interno dell'attributo HREF, scrivi "Mailto:"E menziona l'indirizzo email del destinatario.

Nota che al posto di "[email protected] ", specifica l'indirizzo e -mail secondo i requisiti:

Invia feedback

Stile Up il Div creato impostando l'allineamento del testo come "centro"Per rendere allineato il contenuto del Centro Div. Per dare un po 'di spazio in cima, assegnare il valore della proprietà margin-top come "5%":

Si può vedere che il collegamento viene creato correttamente:

Quando un utente fa clic sul aggiunto "Invia feedback"Link, reindirizzerà al software postale installato predefinito del sistema, in cui l'utente può facilmente vedere l'indirizzo e -mail dell'azienda o della persona (ricevitore) in"A"Componente dell'email. Nel nostro caso, una nuova e -mail sarà composta in "Posta"App Windows con la seguente struttura:

A questo punto, si potrebbe pensare che sia possibile fornire due o più indirizzi e -mail contemporaneamente? La risposta è si! Andiamo avanti e vediamo attraverso l'esempio pratico.

Come aggiungere più collegamenti HTML Mailto?

La dimostrazione dei collegamenti Mailto per più di un'e -mail è descritta nella sezione seguente. Qui, scrivi gli indirizzi email come "Mailto:"Link separati da virgole:

Invia feedback

Si può osservare che ora l'e -mail composta ha due ricevitori:

Cappelli a te! Hai imparato a creare link per posta singoli e multipli.

Conclusione

Html "Mailto"I collegamenti vengono utilizzati per inviare e -mail a un indirizzo e -mail specifico. Utilizzando questo approccio, l'utente non ha bisogno di aprire un'app di messaggistica separatamente e digitare l'indirizzo e -mail del destinatario come indirizzo e -mail della persona a cui il mittente desidera inviare un messaggio, che sarebbe già apparso nella posta. Questa guida è incentrata su ciò che è Mailto HTML e il metodo per la creazione di collegamenti HTML per posta singoli e multipli.