علامة <a> في HTML

التعريف والاستخدام

<a> يحدد العنصر <a> رابطًا لتحويل الصفحة الحالية إلى صفحة أخرى.

<a> أهم خاصية للعنصر خصائص href، وهي تشير إلى وجهة الرابط.

بالافتراض، يتم عرض الروابط كما يلي في جميع المتصفحات:

  • الروابط التي لم تتم زيارتها تظهر بألوان زرقاء ولها علامة تحت.
  • الروابط التي تم زيارتها من قبل تظهر بألوان الفiolet ولها علامة تحت.
  • الروابط التي يتم زيارتها تظهر بألوان أحمر ولها علامة تحت.

ربما لاحظت أن الروابط في موقع CodeW3C.com تختلف بشكل كبير عن النمط الافتراضي للروابط. يمكنك استخدام الشخصيات المزيفة CSS إضافة أنماط متنوعة ومتقدمة إلى الروابط النصية.

انظر أيضًا:

دليل HTML:روابط HTML

دليل DOM HTML:مفهوم Anchor

دليل CSS:نمط الروابط

شرح المصطلحات

ما هو النص المضيف؟

مثال

مثال 1

إنشاء رابط إلى codew3c.com:

<a href="https://www.codew3c.com">زيارة codew3c.com!</a>

مثال 2

كيفية استخدام الصورة كرابط:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

مثال 3

كيفية فتح رابط في نافذة متصفح جديدة:

<a href="https://www.codew3c.com" target="_blank">زيارة codew3c.com!</a>

مثال 4

كيفية ربط العنوان الإلكتروني:

<a href="mailto:someone@example.com">إرسال بريد إلكتروني</a>

مثال 5

كيفية ربط العنوان الت Telefon:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

例子 6

如何链接到同一页上的另一个部分：

转到第二章


<a href="javascript:alert('Hello World!');">ت�行 جافا سكربت</a>

إذا لم يكن لدى علامة <a> خاصية href، فإنها مجرد مكان استبدال لرابط.

عادةً يتم عرض الصفحة الموصوفة بالروابط في نافذة المتصفح الحالية، ما لم تكن قد قمت بتحديد هدف آخر (باستخدام خاصية target).

استخدم إعدادات CSS لتحديد نمط الروابط:روابط CSS أزرار CSS.

يحدد الهدف الذي سيتم تنزيله عند النقر على الروابط.
يحدد عنوان URL للصفحة التي يشير إليها الروابط.
يحدد لغة المستند الموصوف بالروابط.
يحدد لماذا تم تعديل المستند الموصوف بالروابط للوسيلة/الجهاز.
قائمة العناوين URL يحدد قائمة من عناوين URL المفصولة بالفضاءات، عند زيارة الروابط، سيقوم المتصفح بإرسال طلب POST يحتوي على نص ping (بخلفية)
يحدد المعلومات المرجعية التي يجب إرسالها مع الروابط.
يحدد العلاقة بين المستند الحالي والمستند الموصوف بالروابط.
target
يحدد أين سيفتح الملف الموصوف بالروابط.
type نوع الوسيلة يحدد نوع وسيلة الترميز للملف الذي يحتوي على الصفحة الموصوفة بالروابط.

خصائص العالمية

<a> الدعم عن طريق خصائص العالمية في HTML.

خصائص الحدث

<a> الدعم عن طريق خصائص الحدث في HTML.

إعدادات CSS الافتراضية

معظم المتصفحات ستستخدم القيم التالية كقيم افتراضية لعرضها <a> الإлемент:

a:link, a:visited {
  color: (قيمة داخليه);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  color: (قيمة داخليه);
}

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم