Advertisements
HTML a Tag
HTML a Tag – يُنشئ وسم <a> رابط تشعبي لصفحات الويب أو الملفات أو عناوين البريد الإلكتروني أو المواقع في نفس الصفحة.
HTML <a> Tag
نستخدم الوسم <a> لإنشاء رابط تشعبي hyperlink لمستند أو صفحة آخرى، أو في مكان ما داخل المستند الحالي.
مثال
<!-- Syntax: <a href="URL">..</a> --> <a href="https://www.albashmoparmeg.com/">Our website</a>
This is link:
Our website
أهم سمة لوسم <a> هي سمة href ، لأنها تحدد عنوان URL للصفحة التي ينتقل إليها الرابط، وإذا لم يحتوى الوسم <a> على سمة href، فستكون مجرد عنصر نائب placeholder للرابط التشعبي hyperlink.
تظهر الروابط بشكل افتراضي في معظم المتصفحات، كالتالي:
- الرابط لم يتم زيارته (unvisited) يتم وضع خط تحته وبلون أزرق.
- الرابط تمت زيارته (visited) يتم وضع خط تحته وبلون أرجواني.
- الرابط الحالى أو النشط (active) يتم وضع خط تحته وبلون أحمر.
يمكنك التحكم أو التعديل على شكل الرابط كما تريد باستخدام CSS، تابع هذا الفصل CSS Links لمعرفة كيف تقوم بذلك!
السمات الخاصة بالوسم – Attributes
السمة | القيمة | الوصف |
---|---|---|
download | filename | يحدد ما إذا كان سيتم تنزيل المصدر المرتبط بدلاً من الانتقال إليه ، عندما ينقر المستخدم على الرابط. |
href | URL | يحدد عنوان URL الذي يشير إليه الارتباط التشعبي (أى يحدد الصفحة التى ينتقل إليها). |
hreflang | language-code | يحدد تلميحات حول لغة عنوان URL المرتبط. |
ping | list-of-URLs | يحدد قائمة عناوين URL مفصولة بمسافات. |
rel | alternate author bookmark help license prev prefetch next nofollow noreferrer noopener search tag | يحدد العلاقة بين المستند او الصفحة الحالية وعنوان URL المرتبط. |
rev | link-type | عكس السمة السابقة rel حيث تصف علاقة المستند او الصفحة المرتبطة بالمستند المصدر. |
target | _blank _parent _self _top | يحدد مكان فتح المستند المرتبط. |
type | content-type | يحدد نوع المحتوى (MIME type) للمستند المرتبط. |
coords | x,y coordinates | يحدد الإحداثيات المناسبة لسمة shape لتعريف منطقة من الصورة لخرائط الصور. |
shape | rect circle poly default | يحدد شكل خريطة الصورة image map. |
charset | charset | يحدد ترميز الأحرف للرابط المرتبط. |
name | text | يحدد منطقة من الصفحة ينتقل إليها الرابط. ملاحظة: استخدم سمة id بدلاً من ذلك. |
media | media-query | يحدد الوسائط التي تم تحسين أو تصميم المستند المرتبط لها. |
تُعرض الصفحة المرتبطة عادةً في نافذة المتصفح الحالية ، إلا إذا حددت target آخر.
السمات العامة – Global Attributes
الوسم <a> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
يدعم وسم <a> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML a Tag
دعم المتصفحات
![]() | ![]() | ![]() | ![]() | ![]() |
مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!
Advertisements