HTML Tutorial

عنصر <a‏>

استخدام العلامة :

مميزات العلامة :

  • href: يحدد رابط الرابط التشعبي.
  • title: يوفر نصًا بديلًا يظهر عند تمرير الماوس فوق الرابط.
  • target: يحدد أين سيتم فتح الرابط (نفس النافذة أو نافذة جديدة).
  • rel: يحدد العلاقة بين الصفحة الحالية والصفحة المرتبطة.
  • class & id: يستخدم لإضافة أنماط وتحديدات إلى الرابط.

أمثلة على استخدام العلامة :

  • إنشاء رابط إلى صفحة أخرى في نفس الموقع:
<a href="about-us.html">من نحن</a>
  • إنشاء رابط إلى موقع ويب خارجي:
<a href="https://www.example.com">موقع ويب مثال</a>
  • إنشاء رابط يفتح في نافذة جديدة:
<a href="new-window.html" target="_blank">نافذة جديدة</a>

مثال HTML لاستكشاف العلامة :

<!DOCTYPE html>
<html>
<head>
  <title>مثال على العلامة <a></title>
</head>
<body>
  <h1>روابط تشعبية</h1>
  <a href="home.html">الصفحة الرئيسية</a>
  <a href="about-us.html">عنّا</a>
  <a href="https://www.example.com" target="_blank">موقع ويب مثال</a>
</body>
</html>

تلميحات لتحسين الوصول:

  • استخدم نصوصًا بديلة (title) توصف وجهة الرابط.
  • تأكد من أن الروابط واضحة ومميزة للتمييز بينها.
  • تجنب استخدام النصوص المخفية كروابط.