شرح سمة HTML a href بأمثلة

و تشير السمة إلى وجهة المقدمة من وصلة. و a(مذيع) العلامة ماتت دون السمة.

كيفية استخدام الوسم

في بعض الأحيان في سير عملك ، لا تريد ارتباطًا مباشرًا أو لن تعرف وجهة الارتباط حتى الآن. في هذه الحالة ، من المفيد تعيين hrefالسمة "#"لإنشاء ارتباط معطل.

و hrefالسمة يمكن استخدامها لتصل إلى الملفات المحلية أو ملفات على شبكة الانترنت.

على سبيل المثال:

  Href Attribute Example   

Href Attribute Example

The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.

و يتم دعم السمة من قبل جميع المتصفحات.

المزيد من سمات HTML:

hreflang : يحدد لغة المورد المرتبط.

target : يحدد السياق الذي سيفتح فيه المورد المرتبط.

title : يحدد عنوان الارتباط الذي يظهر للمستخدم كتلميح أداة.

أمثلة

This is a dead link This is a live link to freeCodeCamp more with a href attribute

المراسي في الصفحة

من الممكن أيضًا تعيين نقطة ارتساء لمكان معين من الصفحة. للقيام بذلك ، يجب عليك أولاً وضع علامة تبويب في الموقع على الصفحة مع العلامة والسمة الضرورية "الاسم" مع أي وصف للكلمة الرئيسية فيها ، مثل هذا:

أي وصف بين العلامات غير مطلوب. بعد ذلك يمكنك وضع رابط يؤدي إلى هذا المرساة في أي مكان في نفس الصفحة. للقيام بذلك ، يجب عليك استخدام علامة مع السمة الضرورية "href" مع الرمز # (حاد) ووصف الكلمة الرئيسية للارتساء ، مثل هذا:

Go to Top

روابط الصور

و يمكن أيضا أن تطبق على الصور وعناصر HTML الأخرى.

مثال

بعض الأمثلة الأخرى على href

This gives a base url for all further urls on the page This is a live link to an external stylesheet

ما الذي يمكنك فعله أيضًا؟

المزيد من التخصيص! دعنا نرى حالة استخدام محددة:

ارتباط mailto هو نوع من الارتباط التشعبي ( ) مع معلمات خاصة تتيح لك تحديد مستلمين إضافيين و / أو سطر موضوع و / أو نص أساسي.

الصيغة الأساسية مع المستلم هي:

Some text

إضافة موضوع لهذا البريد:

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

إضافة نص أساسي:

وبالمثل ، يمكنك إضافة رسالة محددة في الجزء الأساسي من البريد الإلكتروني: مرة أخرى ، يجب استبدال المسافات بـ %20or +. بعد معلمة الموضوع ، يجب أن يسبق أي معلمة إضافية&

مثال: لنفترض أنك تريد من المستخدمين إرسال بريد إلكتروني إلى أصدقائهم حول تقدمهم في Free Code Camp:

العنوان: فارغ

الموضوع: بشرى سارة

الجسم: أصبح مطورًا

رابط html الخاص بك الآن:

Send mail!

هنا ، تركنا mailto فارغًا (mailto :؟). سيؤدي هذا إلى فتح عميل البريد الإلكتروني للمستخدم وسيضيف المستخدم عنوان المستلم بنفسه.

إضافة المزيد من المستلمين:

بنفس الطريقة ، يمكنك إضافة معلمات CC و bcc. افصل كل عنوان بفاصلة!

يجب أن يسبق المعلمات الإضافية بـ &.

Send mail!

معلومات اكثر:

MDN - روابط البريد الإلكتروني