شرح الوسم a
وسم
a هو عنصر HTML يستخدم لإنشاء ارتباطات (روابط) داخل صفحات الويب. يمكن
استخدامه لإنشاء رابط إلى صفحة
ويب أخرى أو لتنزيل ملف أو لإضافة رابط لعنصر صورة.
لإنشاء رابط باستخدام الوسم a ، يجب عليك استخدام النمط التالي:
HTML
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<a href="https://test.com">رابط الموقع</a>
</body>
</html>
يجب استبدال "https://test.com" بعنوان URL الذي تريد الارتباط به و "رابط الموقع" بالنص الذي تريد أن يظهر للمستخدمين كنص رابط.
بالإضافة إلى الرابط الأساسي ، يمكنك إضافة العديد من الخصائص إلى وسم
a. واحدة من هذه الخصائص
هي target ،
والتي تحدد ما إذا كان يتم فتح الرابط في نافذة جديدة أو نفس النافذة. على سبيل المثال:
HTML
<a href="https://test.com" target="_blank">رابط الموقع</a>
في هذا المثال ، تم إضافة target="_blank" لتحديد فتح الرابط في نافذة جديدة.
بالإضافة إلى ذلك ، يمكن استخدام وسم
a لإنشاء روابط داخل صفحة ويب واحدة. يتم ذلك عن طريق
استخدام
العلامة "#" مع الرابط الفرعي. على سبيل المثال:
HTML
<a href="#section-1">القسم الأول </a>
في هذا المثال ، يربط وسم
a بجزء محدد من الصفحة المعين بواسطة العنصر المميز "section-1",
حيث عن الطغظ على الرابط سيأخدك إلى العنصر الذي ال id هو "section-1" هذا هو المقصود بروابط
داخلية.
يمكن استخدام وسم
a في HTML لإنشاء روابط لتنزيل الملفات من الويب. عند النقر على
الرابط ، يتم تنزيل الملف
المحدد بدلاً من فتحه في صفحة جديدة، سنشرح كيفية استخدام وسم a لإنشاء رابط لتنزيل ملف.
أولًا ، يجب علينا تحديد عنوان URL للملف الذي نريد تنزيله. يمكن أن يكون الملف على نفس الخادم الذي تستضيفه صفحتك أو على خادم آخر.
ثم يجب إنشاء وسم
a وإضافة عنوان URL المحدد كقيمة لخاصية href. كما يجب إضافة خاصية
"download" لتحديد أن
الرابط هو رابط لتنزيل الملف.
على سبيل المثال، إذا كنت تريد إنشاء رابط لتنزيل ملف PDF يسمى "file.pdf"، يمكنك استخدام الشفرة التالية:
HTML
<a href="file.pdf" download>تنزيل الملف</a>
في هذا المثال، تم إنشاء وسم
a لرابط تنزيل ملف PDF يحمل اسم "file.pdf". يتم تحديد عنوان URL
للملف في
خاصية href، ويتم إضافة الخاصية "download" لتحديد أن الرابط هو رابط للتنزيل.
يجب الانتباه إلى أن خاصية "download" لا تعمل على كل المتصفحات. بعض المتصفحات القديمة قد لا تدعم هذه الخاصية. لذلك يمكن استخدام خيارات أخرى مثل استخدام
JavaScript لتحقيق الغرض من تنزيل الملف
أو استخدام
نظام إدارة المحتوى لإنشاء روابط تنزيل.
يمكن استخدام وسم
a في HTML لإنشاء روابط للتواصل مع أي شخص أو مؤسسة عبر
الإنترنت. يمكن استخدامه لإرسال
رسالة بالبريد الإلكتروني ، أو للاتصال بحساب وسائل التواصل الاجتماعي الخاص بشخص معين ، أو للاتصال بصفحة
اتصال على موقع الويب.
لإنشاء رابط للتواصل ، يتم استخدام وسم
a وتحديد نوع الاتصال الذي يتم الربط به في خاصية
"href". على سبيل
المثال ، إذا كنت تريد إنشاء رابط لإرسال بريد إلكتروني ، يمكنك استخدام الشفرة التالية:
HTML
<a href="mailto:test@gmail.com"> إرسال رسالة إلى البريد الإلكتروني</a>
في هذا المثال ، تم استخدام الوسم
a لإنشاء رابط لإرسال بريد إلكتروني. تم تحديد خاصية "href"
وتحديد
بروتوكول البريد الإلكتروني "mailto:" وعنوان البريد الإلكتروني "test@gmail.com". عند النقر
على
الرابط ، سيتم فتح البريد الإلكتروني الافتراضي لديك وتملئ حقل المرسل إليها تلقائيًا بعنوان البريد
الإلكتروني الذي تم تحديده في خاصية "href".
ويمكن أيضا استخدام وسم
a لإنشاء روابط للاتصال
بأرقام الهاتف وإرسال رسائل SMS.
لإنشاء رابط للاتصال برقم الهاتف المحمول ، يجب استخدام البروتوكول
"tel" مع عنوان URL يحتوي
على رقم الهاتف
المحمول المطلوب. يمكن استخدام الشفرة التالية لإنشاء رابط للاتصال برقم الهاتف المحمول:
HTML
<a href="tel:+74829742874">إتصل بنا</a>
<!-- فقط رقم تقديري يمكنك وضع رقمك الخاص و التجربة -->
في هذا المثال ، تم استخدام الوسم
a لإنشاء رابط للاتصال برقم الهاتف المحمول. تم تحديد خاصية
"href" وتحديد
بروتوكول "tel" مع رقم الهاتف المحمول المطلوب. عند النقر على الرابط ، سيتم فتح تطبيق
المكالمات على الهاتف
المحمول وإجراء مكالمة تلقائية لرقم الهاتف المحمول المحدد.
يمكن أيضًا استخدام وسم
a لإرسال رسالة SMS إلى رقم الهاتف المحمول المحدد. يجب استخدام
البروتوكول "sms" مع
عنوان URL يحتوي على رقم الهاتف المحمول المطلوب. يمكن استخدام الشفرة التالية لإنشاء رابط لإرسال رسالة
SMS:
HTML
<a href="sms:+74829742874">إرسال رسالة SMS</a>
<!-- فقط رقم تقديري يمكنك وضع رقمك الخاص و التجربة -->
باستخدام وسم
a في HTML ، يمكن للمستخدمين الاتصال بأ
رقام الهاتف المحمول وإرسال رسائل SMS بشكل سريع وسهل عبر الويب. يمكن استخدام هذه الوظيفة بشكل خاص للشركات
والأعمال التجارية التي ترغب في توفير وسيلة سريعة وسهلة للاتصال بالعملاء أو العملاء المحتملين.
يمكن تخصيص روابط الهاتف المحمول ورسائل SMS لتضم معلومات إضافية مثل الاسم ، العنوان ، الرسالة المطلوبة أو
أي معلومات أخرى ذات صلة. يمكن ذلك عن طريق إضافة المعلومات المطلوبة إلى عنوان URL باستخدام المتغيرات
والقيم. على سبيل المثال ، يمكن استخدام الشفرة التالية لإنشاء رابط للاتصال برقم الهاتف المحمول وتخصيصه
بإضافة اسم الشخص المطلوب:
HTML
<a href="tel:+74829742874?name=Ayoub+Ayoau">إتصل بأيوب</a>
<!-- فقط رقم تقديري يمكنك وضع رقمك الخاص و التجربة -->
في هذا المثال ، تم إضافة معلومات الاسم "Ayoub Ayoau" إلى عنوان URL باستخدام المتغير "name" والقيمة "Ayoub+Ayoau". عند النقر على الرابط ، سيتم فتح تطبيق المكالمات على الهاتف المحمول وإجراء مكالمة تلقائية لرقم الهاتف المحمول المحدد وسيظهر اسم الشخص المطلوب.
بالمثل ، يمكن إضافة المعلومات إلى رسالة SMS باستخدام المتغيرات والقيم. يمكن استخدام الشفرة التالية لإنشاء رابط لإرسال رسالة SMS مخصصة:
HTML
<a href="sms:+74829742874?body=Ayoub+Ayoau">إرسال رسالة إلى أيوب</a>
<!-- فقط رقم تقديري يمكنك وضع رقمك الخاص و التجربة -->
في هذا المثال ، تم إضافة معلومات الرسالة "Ayoub Ayoau" إلى عنوان URL باستخدام المتغير "body" والقيمة "Ayoub+Ayoau". عند النقر على الرابط ، سيتم فتح تطبيق الرسائل على الهاتف المحمول وتمهيد رسالة SMS جديدة وسيظهر الرسالة المحددة في مربع الرسالة.
يمكن أيضًا إضافة الأرقام المتعددة للهواتف المحمولة أو الرسائل SMS عن طريق فصل الأرقام بفواصل في عنوان URL. على سبيل المثال:
HTML
<a href="sms:+74829742874, +95747384838?body=Ayoub+Ayoau">إرسال رسالة إلى العديد من الأرقام</a>
<!-- فقط رقم تقديري يمكنك وضع رقمك الخاص و التجربة -->
في هذا المثال ، تم إضافة رقمي الهاتف المحمول "+95747384838" و "+74829742874" بفاصلة واحدة بينهما في عنوان URL. عند النقر على الرابط ، سيتم فتح تطبيق الرسائل على الهاتف المحمول وتمهيد رسالة SMS جديدة تحتوي على رقمي الهاتف المحمول المحدد والرسالة المحددة. في النهاية ، يجب التأكد من أن روابط الهاتف المحمول ورسائل SMS تعمل بشكل صحيح قبل نشرها. يمكن ذلك بتحميل صفحة الويب التي تحتوي على الروابط والتحقق من صحتها عن طريق النقر على الروابط والتحقق من أنها تقوم بفتح تطبيق المكالمات أو التطبيق الرسائل على الهاتف المحمول بشكل صحيح وإجراء المكالمة أو الرسالة المحددة بشكل صحيح.
بهذا نكون قد شرحنا كيفية استخدام وسم
a في توليد روابط الهاتف المحمول ورسائل SMS وكيفية إضافة نص إضافي مع
الرابط. هذا الوسم يتيح للمستخدمين سهولة الوصول إلى معلومات الاتصال الهامة مثل أرقام الهواتف المحمولة
وإرسال الرسائل SMS بكل سهولة عن طريق النقر فوق الرابط المعني. كما أنه يجعل صفحات الويب أكثر تفاعلاً
وسهولة في الوصول إلى المعلومات المهمة التي يحتاجها الزوار.
وهكذا إنتهينا من درسنا أو مقالتنا المتواضعة أتمنى أنك فهمت و وفقك الله أتمنى دعمنا بمشاركة الدرس لكي تعم الفائدة.