English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
تعرف علامة <a> رابطًا يوجه إلى URL أو هدف في وثيقة HTML. غالبًا ما تُسمى أيضًا عنصر <a>.
رابط إلى موقع دروس الأساس :
!DOCTYPE html <html> <head> <meta charset="utf-8"> <title>موقع دروس الأساس (oldtoolbag.com)</title> </head> <body> <a href="https://ar.oldtoolbag.com">زور موقع دروس الأساس!</a> </body> </html>اختبر هذا ‹/›
IEFirefoxOperaChromeSafari
دعم جميع المتصفحات الرئيسية لعلامة <a>.
تعرف علامة <a> رابطًا، يستخدم لربط صفحة واحدة بأخرى.
أهم خاصية لعنصر <a> هي خاصية href، التي تحدد هدف الرابط.
يبدو الشكل الافتراضي للروابط في جميع المتصفحات كالتالي:
الروابط التي لم تتم زيارتها تحتوي على خط أسفل وتكون باللون الأزرق
الروابط التي تم زيارتها تحتوي على خط أسفل وتكون باللون البنفسجي
الروابط النشطة تحتوي على خط أسفل وتكون باللون الأحمر
عنصر <a> في HTML يقع داخل علامة <body>.
النص بين بداية <a> ونهاية </a> سيُعرض كنص رابط (أي نص مائل)
إذا كنت ترغب في فتح صفحة الموارد في نافذة جديدة، استخدم خاصية target =“ _ blank”. على سبيل المثال، يمكنك كتابة رابط مثل هذا：<a href="/examples/filename.html" target="_blank">رابط إلى اسم الملف</a>
في HTML 4.01، يمكن استخدام علامة <a> كرابط أو كوصلة. في HTML5، يتم استخدام علامة <a> كرابط، ولكن إذا لم يكن هناك خاصية href، فإنها تعتبر مجرد مكانة لرابط.
HTML5 يحتوي على بعض الخصائص الجديدة، بالإضافة إلى عدم دعم بعض خصائص HTML 4.01.
جديد: خصائص جديدة في HTML5.
| الخصائص | القيمة | الوصف |
|---|---|---|
| charset | char_encoding | لا يدعم HTML5. يحدد رمز الترميز للـ URL الهدف. |
| coords | coordinates | لا يدعم HTML5. يحدد الإحداثيات للرابط. |
| downloadHTML5 | filename | يحدد رابط التحميل |
| href | URL | يحدد URL الهدف للرابط. |
| hreflang | language_code | يحدد لغة الأساس للـ URL الهدف. يستخدم فقط عند وجود خاصية href. |
| mediaHTML5 | media_query | يحدد نوع الوسائط للـ URL الهدف. القيمة الافتراضية: all. يستخدم فقط عند وجود خاصية href. |
| name | section_name | لا يدعم HTML5. يحدد اسم العنصر المربوط. |
| pingHTML5 | list_of_URLs | يحدد قائمة منفصلة بالمسافات للـ URL، عند إضافة الرابط، سيقوم المتصفح بإرسال طلب ping (الخلفية). عادةً يستخدم لمراقبة |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin unsafe-url | يحدد نوع التوصيل المحدد |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | يحدد علاقة الوثيقة الحالية بـ URL الهدف. يستخدم فقط عند وجود خاصية href. |
| rev | text | لا يدعم HTML5. يحدد علاقة URL الهدف بالوثيقة الحالية. |
| shape | default rect circle poly | لا يدعم HTML5. يحدد شكل الرابط. |
| target | _blank _parent _self _top framename | يحدد أين يفتح URL الهدف. يستخدم فقط عند وجود خاصية href. |
| type HTML5 | MIME_type | يحدد نوع MIME للـ URL الهدف. يستخدم فقط عند وجود خاصية href. ملاحظة: MIME = Multi-Purpose Internet Mail Extensions. |
دعم <a> لـ HTML خصائص العالمية لـ HTML。
دعم <a> لـ HTML خصائص الحدث لـ HTML。
روابط الصور يوضح هذا المثال كيفية استخدام الصور كروابط.
الروابط إلى مواقع معينة في الصفحة الحالية يوضح هذا المثال كيفية استخدام الملاحظات
الخروج من الإطار يوضح هذا المثال كيفية الخروج من الإطار، إذا كانت صفحتك محددة داخل إطار.
إنشاء رابط بريد إلكتروني يوضح هذا المثال كيفية ربط إلى بريد إلكتروني. (يتطلب هذا المثال تثبيت برنامج البريد الإلكتروني.)
إنشاء رابط بريد إلكتروني 2 يوضح هذا المثال إنشاء رابط بريد إلكتروني أكثر تعقيدًا.
إنشاء رابط هاتف يوضح هذا المثال إنشاء رابط يمكنك من إجراء مكالمة هاتفية.
دروس HTML:روابط HTML
دليل مرجعي لـ HTML DOM: مفهوم Anchor