تک دیک

واژه نامه و مجله آموزشی کامپیوتر و تکنولوژی

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages
Filter by Categories
A
B
C
D
E
F
G
H
I
J
K
L
M
N
Numbers
O
P
Q
R
S
T
U
V
W
Y
Z
آگهی
اپلیکیشن ها
اچ‌تی‌ام‌ال
اسکرچ
اشخاص و شرکت ها
امنیت
امنیت آنلاین
اندروید
اینترنت
پایتون
پرسش و پاسخ
جاوااسکریپت
حروف انگلیسی
خبر
دوره های آموزشی
سخت‌افزار
سی‌اس‌اس
شبکه
فنی
کنسول جستجوی گوگل
گرافیک
لینوکس
مایکروسافت اکسل
مایکروسافت پاورپوینت
مایکروسافت ورد
مبانی کامپیوتر
مجله
مجله – امنیت
مجله – بازی
مجله – برنامه نویسی
مجله – دنیای اینترنت
مجله – سخت افزار
مجله – سیستم
مجله – شبکه
مجله – شبکه های اجتماعی
مجله – عمومی
مجله – گوشی‌های هوشمند
مجله – نرم افزار
مجله – ویندوز
مقدماتی
موضوعی
نرم‌افزار
وردپرس

ایجاد لینک ایمیل در HTML

ایجاد لینک ایمیل در HTML - Email link

لینک های ایمیل نوع خاصی از لینک ها در HTML هستند که با کلیک روی آن‌ها، صفحه نگارش یا ارسال پیام در برنامه پیشفرض ایمیل برای کاربر باز می‌شود. امکان تکمیل خودکار جزئیات پیام (نظیر آدرس ایمیل گیرنده پیام، موضوع و …) نیز با کمک این لینک‌ها وجود دارد.

برای ایجاد لینک های ایمیل مشابه با سایر لینک ها از المان <a> استفاده می‌شود. در این المان ها امکان تعیین مقدار پیشفرض برای آدرس ایمیل گیرنده پیام و … با کمک خصوصیت href فراهم می‌شود.

معمولا از لینک های ایمیل برای ساده‌سازی ارتباط کاربران با صاحبان سایت و آماده کردن خودکار صفحه نگارش پیام استفاده می‌شود. به این ترتیب کاربر بدون نیاز به کپی کردن آدرس ایمیل می‌تواند با کلیک روی یک لینک، وارد صفحه ارسال ایمیل در برنامه مناسب شود. آدرس ایمیل موردنظر نیز به صورت خودکار داخل فیلد گیرنده ایمیل درج می‌شود.

نحوه ایجاد لینک ایمیل

برای ایجاد لینک ایمیل در HTML، لازم است از اسکیمای mailto: در ابتدای نشانی لینک (یا خصوصیت href) استفاده کنید. در ساده‌ترین و رایج‌ترین حالت، صرفا نشانی ایمیل مقصد یا گیرنده مشابه با مثال زیر پس از mailto: درج می‌شود.

<a href="mailto:info@example.com">Send email</a>

نتیجه کد فوق به صورت لینک زیر خواهد بود. با کلیک روی این لینک، برنامه ایمیل باز می‌شود و صفحه ارسال پیام جدید به صورت آماده در اختیار کاربر قرار می‌گیرد. فیلد گیرنده پیام نیز با نشانی ایمیلی که در لینک مشخص شده (یعنی info@example.com) تکمیل می‌شود.

یکی از رویکردهای رایج برای ایجاد لینک پست الکترونیک اینست که نشانی گیرنده را به عنوان محتوای داخلی لینک نیز درج می‌کنند. به این ترتیب کاربر با مشاهده متن لینک متوجه می‌شود از این لینک برای ارسال ایمیل جدید به چه آدرسی استفاده می‌شود.

<a href="mailto:info@example.com">info@example.com</a>

نتیجه کد فوق به صورت لینک زیر خواهد بود.

فراموش نکنید درج نشانی ایمیل مقصد در خصوصیت href کاملا اختیاری است. به عبارت بهتر اگر مقدار خصوصیت href را مشابه با مثال زیر تنها به صورت mailto: درج کنید صفحه ارسال ایمیل بدون آدرس گیرنده پیشفرض باز می‌شود. از این روش معمولا برای ایجاد لینک های اشتراک گذاری استفاده می‌شود.

<a href="mailto:">Send email</a>

تعیین جزئیات بیشتر در لینک ایمیل

شما می‌توانید علاوه بر نشانی ایمیل گیرنده، جزئیات بیشتری را در لینک های ایمیل مشخص کنید. به عنوان مثال می‌توانید برای فیلد موضوع (subject)، فیلدهای cc و bcc و حتی بدنه پیام ایمیل (body)، مقادیر پیشفرض موردنظر خود را توسط لینک مشخص کنید.

برای این منظور کافیست فیلدهای موردنظر را در قالب کوئری ها به نشانی لینک اضافه کنید. به این ترتیب که ابتدا یک علامت ? پس از بخش اصلی نشانی قرار دهید و هر فیلد را به صورت جفت نام و مقدار فیلد مشخص کنید. هر جفت را هم می‌توانید با کمک یک علامت & از یکدیگر جدا کنید. در مثال زیر نمونه‌ای از تعیین این جزئیات در یک المان <a> را مشاهده می‌کنید.

<a href="mailto:info@example.com?cc=support@example.com&bcc=support2@example.com&subject=sample%20text&body=sample%20text">Send email</a>

نتیجه کد فوق به صورت لینک زیر خواهد بود. در این مثال با کلیک روی لینک، علاوه بر آدرس ایمیل گیرنده، فیلدهای cc و bcc به ترتیب با آدرس های support@example.com و support2@example.com پر می‌شوند. فیلد subject و بخش بدنه در پیام جدید نیز با مقدار یکسان و پیشفرض sample text پر می‌شوند.

فراموش نکنید تمام نشانی (شامل موضوع پیام و بدنه ایمیل) می‌بایست به شکل مناسب برای URL ها انکد (URL Encoded) شده باشد. در URL Encoding، محتوای نشانی در قالب کاراکترهای مجاز خود (محدود به ASCII) انکد می‌شود. (برای نمونه در عبارت sample text طی URL Encoding، صرفا مقدار %20 جایگزین فاصله می‌شود. به همین دلیل در مثال فوق این عبارت به صورت sample%20text برای subject و body درج می‌شود).

بازگشت به فهرست مجموعه آموزشی HTML

تولید و انتشار محتوای تخصصی علاوه بر زمان، هزینه هم دارد. بخش عمده هزینه‌های تک‌دیک با بودجه شخصی و حمایت‌های شما کاربران گرامی تأمین می‌شود. اگر محتوای این صفحه برای شما مفید واقع شده با روش‌های مختلفی از سراسر دنیا می‌توانید در تکمیل و تداوم فعالیت این سایت به گروه کوچک ما کمک کنید و در اجر معنوی آن نیز سهیم شوید. ما صمیمانه قدردان این محبت شما هستیم.

ما در تک‌دیک تلاش می‌کنیم محتوایی دقیق، واضح و بدون اشتباه منتشر کنیم. به همین دلیل هر مطلب پیش از انتشار بارها بازبینی می‌شود. از طرف دیگر با توجه به حجم بالای مطالب به کمک شما هم نیاز داریم. اگر احساس می‌کنید محتوای این صفحه باید بروزرسانی، تکمیل یا تصحیح شود و یا سوالی در مورد این مطلب دارید که بدون پاسخ مانده خوشحال می‌شویم آن را در بخش دیدگاه‌های همین مطلب با ما در میان بگذارید.

دیدگاه‌ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته‌های بیشتر

تبلیغات متنی ساده