الكورس

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

 

السمةالقيمةالوصف
downloadfilenameيحدد ما إذا كان سيتم تنزيل المصدر المرتبط بدلاً من الانتقال إليه ، عندما ينقر المستخدم على الرابط.
hrefURLيحدد عنوان URL الذي يشير إليه الارتباط التشعبي (أى يحدد الصفحة التى ينتقل إليها).
hreflanglanguage-codeيحدد تلميحات حول لغة عنوان URL المرتبط.
pinglist-of-URLsيحدد قائمة عناوين URL مفصولة بمسافات.
relalternate
author
bookmark
help
license
prev
prefetch
next
nofollow
noreferrer
noopener
search
tag
يحدد العلاقة بين المستند او الصفحة الحالية وعنوان URL المرتبط.
revlink-typeعكس السمة السابقة rel حيث تصف علاقة المستند او الصفحة المرتبطة بالمستند المصدر.
target_blank
_parent
_self
_top
يحدد مكان فتح المستند المرتبط.
typecontent-typeيحدد نوع المحتوى (MIME type) للمستند المرتبط.
coordsx,y coordinatesيحدد الإحداثيات المناسبة لسمة shape لتعريف منطقة من الصورة لخرائط الصور.
shaperect
circle
poly
default
يحدد شكل خريطة الصورة image map.
charsetcharsetيحدد ترميز الأحرف للرابط المرتبط.
nametextيحدد منطقة من الصفحة ينتقل إليها الرابط.
ملاحظة: استخدم سمة id بدلاً من ذلك.
mediamedia-queryيحدد الوسائط التي تم تحسين أو تصميم المستند المرتبط لها.
تُعرض الصفحة المرتبطة عادةً في نافذة المتصفح الحالية ، إلا إذا حددت target آخر.

 

السمات العامة – Global Attributes

 

الوسم <a> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

 


 

سمات الحدث – Event Attributes

 

يدعم وسم <a> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدثEvent Attributes.

 


 

إقرأ أيضًا – HTML a Tag

 

 


 

دعم المتصفحات

 

firefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
مدعوممدعوممدعوممدعوممدعوم


الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements