انتقل إلى محتوى الدرس
الدرس 12
دورة لغة HTML

روابط الاتصال (sms - call - mailto - fax) في لغة HTMLHTML Hyperlinks (sms - call - mailto - fax)

في هذا الدرس، ستتعرف على كيفية إنشاء الروابط التشعبية في HTML لاستعمالات محددة مثل إرسال الرسائل النصية [sms]، وإجراء المكالمات [call]، وإرسال البريد الإلكتروني [mail] باستخدام عنصر <a>.

THE BUILDING BLOCKS OF THE WEBHTML
index.html
1<h1>Hello, web.</h1>
وسم الفتحالمحتوىوسم الإغلاق
النتيجة في المتصفح Hello, web.
كل صفحة رائعة تبدأ بعنصر.
أقسام الدرس
3
الأمثلة
9
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
8,856
محتوى الدرس
في هذا الدرس 3تصفّح المواضيع

Mail To Links In HTML رابط إيميل إلكتروني في لغة HTML

يمكن إنشاء رابط يفتح برنامج البريد المهيأ لتحرير رسالة جديدة عند الضغط عليه؛ لا يرسلها الرابط تلقائيًا، وذلك باستخدام خاصية ["⁦mailto:⁩"] داخل السمة [href]، وبعد ذلك كتابة عنوان البريد الإلكتروني المراد إرسال الرسالة إليه.


  • لإضافة مستلمين آخرين في حقل النسخة CC، وهو ليس إذن عرض فقط أو وسيلة لمنع تعديل نسختهم، يمكنك استخدام علامة الاستفهام [?] بعد ["⁦mailto:⁩"] متبوعًا بالقيمة [⁦cc=⁩] والتي تعني [carbon copy - نسخة كربونية]، ثم إضافة البريد الإلكتروني للشخص المطلوب. يمكن إضافة أكثر من بريد إلكتروني عن طريق الفصل بينها بعلامة الفاصلة [,].

  • إذا كنت ترغب في إرسال نسخة كربونية مخفية بحيث لا يستطيع المستلمون الآخرون معرفة من تلقى هذه النسخة، يمكنك استخدام [⁦bcc=⁩] التي تعني [blind carbon copy - نسخة كربونية مخفية]، وتضيف البريد الإلكتروني المراد إرسال الرسالة إليه بعد [⁦bcc=⁩].

  • يمكنك أيضًا تحديد الموضوع بشكل تلقائي باستخدام علامة الاستفهام [?] بعد ["⁦mailto:⁩"] ثم كتابة [⁦subject=⁩]، وبعدها قيمة الموضوع الخاص بالإيميل.

  • وأخيرًا، يمكنك وضع محتوى الإيميل بشكل تلقائي عن طريق استخدام علامة الاستفهام [?] بعد ["⁦mailto:⁩"] ثم كتابة [⁦body=⁩]، وبعدها إدخال نص محتوى الإيميل.

تبدأ المعلمات بعلامة ? مرة واحدة، ثم تفصل بينها &. في مصدر HTML نكتب الفاصل &amp;، وترمّز المسافات في قيم subject وbody إلى %20 والمحارف غير ASCII ببايتات UTF-8. قد يتجاهل برنامج البريد بعض المعلمات.

Mailto Links in HTML

Mailto Links in HTML

Syntax Mailto

طريقة كتابة ["⁦mailto:⁩"] مع [href] في عنصر <a> في HTML لإنشاء رابط بريد إلكتروني.

Description Values Inside Mailto Attribute

وصف القيم التي تكون داخل سمة [href] عند استخدام الرابط كبريد إلكتروني.

HTML
<a href="mailto:[email protected][email protected]&amp;[email protected]&amp;subject=Subject%20text&amp;body=Message%20text">Send Email</a>

Using Mailto with CC, BCC, and Body in HTML

كيفية كتابة خاصية ["⁦mailto:⁩"] مع CC و BCC ومحتوى Body.

HTML
<a href="mailto:[email protected][email protected],[email protected]&amp;[email protected]&amp;subject=This%20Mail%20test%20from%20closetag&amp;body=full%20mail%20test">Send Email</a>

Tel Link In HTML رابط الاتصال عبر الهاتف في لغة HTML

يمكنك إضافة رابط يسلّم رقم الهاتف إلى التطبيق الذي يعالج مخطط tel عند الضغط عليه؛ لا تضمن صفحة الويب بدء المكالمة تلقائيًا. لفعل ذلك، اكتب ["⁦tel:⁩"] في سمة [href]، ثم أضف رقم الهاتف الذي تريد الاتصال به. مثلاً، في صفحات المطاعم على Google، ستجد أيقونة اتصال، وعند الضغط عليها، يظهر رقم الهاتف لتقوم بالاتصال.

يعتمد السلوك على الجهاز والتطبيق المهيأ، وقد يظهر طلب تأكيد. يمكن أن يعالج الكمبيوتر الرابط بواسطة تطبيق اتصال عبر الإنترنت، ولا يشترط دائمًا اتصاله بهاتف ذي SIM. هذه الطريقة تجعل التواصل بين المستخدمين وفريق العمل أسهل وأكثر فعالية.
Instant Call in Google

Instant Call in Google

Creating a Telephone Link with Tel in HTML

طريقة كتابة الخاصية ["⁦tel:⁩"] مع السمة [href] داخل العنصر <a> في لغة HTML.

Telephone Link In HTML

يُمكن أن يكون الرقم بداخل الخاصية ["⁦tel:⁩"] هو النص الذي يظهر في المتصفح.

طريقة إضافة مفتاح الدولة لرقم الهاتف:

إضافة مفتاح الدولة للخاصية ["⁦tel:⁩"] من الأمور الهامة جداً، وذلك لأن كل دولة تمتلك مفتاح اتصال خاص بها. ويمكنك إضافة مفتاح الدولة من خلال الرابط عن طريق وضع علامة الجمع [+] قبل مفتاح الاتصال الدولي الخاص بك، يليه رقم الهاتف. وجميع مفاتيح الاتصال الخاصة بدول العالم متوفرة في هذا الرابط Code Country.

استخدم الصيغة الدولية عند توفرها. الأرقام المحلية في صيغة tel المعيارية تحتاج phone-context يحدد نطاقها؛ لذلك تستعمل الأمثلة القابلة للنقل الرقم الدولي وتبقي نصه المرئي محليًا.

Creating a Call Link with an International Phone Number and Country Key

طريقة كتابة الخاصية ["⁦tel:⁩"] مع السمة [href] داخل عنصر <a> مع تضمين مفتاح الدولة.

HTML
<a href="tel:+201000000000">01000000000</a>

Fax Link in HTML

المثال التالي يعرض صيغة fax التاريخية. يسجلها IANA كمخطط Historical، ولا تضمن المتصفحات وجود تطبيق يعالجها؛ ليست بديلًا حديثًا مضمونًا لـtel.

SMS Links In HTML رابط إرسال رسالة عبر الهاتف في لغة HTML

يمكنك إنشاء رابط يطلب من تطبيق يدعم SMS إعداد رسالة للمستخدم عند الضغط عليه، وذلك بكتابة القيمة ["⁦sms:⁩"] داخل السمة [href]، يتبعها الرقم المراد إرسال الرسالة إليه.

يجب تضمين مفتاح الدولة الخاص بالرقم قبل كتابة الرقم نفسه. يعتمد التنفيذ على وجود تطبيق أو خدمة تدعم SMS، ويمكن أن يكون الجهاز متصلًا بالشبكة دون ارتباط مباشر بهاتف. لا يفترض الرابط إرسال الرسالة دون موافقة المستخدم.

SMS Links In HTML

SMS Links In HTML

Creating A Link For SMS To International Numbers

طريقة كتابة القيمة sms مع الخاصية href داخل عنصر <a> في لغة HTML.

HTML
<a href="sms:(countrycode)(number)"> Text </a>

Syntax SMS Attribute

طريقة كتابة الخاصية ["⁦sms:⁩"] مع السمة [href] داخل عنصر <a> مع تضمين مفتاح الدولة.

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…