: عنصر المرساة
آخر تحديث: 2026-09-12
<a>عنصر المرساة
يحدد عنصر <a> (المرساة) ارتباطًا تشعبيًا. وهو اللبنة الأساسية للشبكة العنكبوتية، ويُستخدم للربط من صفحة إلى أخرى، أو إلى ملفات، أو إلى عناوين بريد إلكتروني، أو إلى مواقع داخل نفس الصفحة.
| الفئة | الروابط والوسائط |
|---|---|
| نموذج المحتوى | شفاف، محتوى تدفقي، محتوى عبارات |
| العناصر الأم المسموحة | أي عنصر يقبل محتوى العبارات |
| وسم الإغلاق | نعم — يتطلب إغلاق </a> وسم |
| الحالة | قياسي |
📝 البنية
<a href="URL" target="_self|_blank|_parent|_top" rel="علاقة">نص الرابط</a>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
href | URL | وجهة الرابط. يمكن أن تكون عنوان URL كاملًا، أو مسارًا نسبيًا، أو مقطعًا (#section)، أو مخططات خاصة مثل mailto: و tel:. |
target | كلمة مفتاحية | أين يفتح المستند المرتبط.
|
download | اسم ملف | يطالب المستخدم بتنزيل المورد المرتبط بدلاً من الانتقال إليه. تحدد القيمة الاختيارية اسم الملف الذي تم تنزيله. |
rel | أنواع الروابط | يحدد العلاقة بين المستند الحالي والمورد المرتبط. القيم الشائعة: nofollow و noopener و noreferrer. |
hreflang | رمز اللغة | يلمح إلى لغة المورد المرتبط، مثل en أو zh-CN أو ja. |
type | نوع MIME | يلمح إلى نوع MIME للمورد المرتبط، مثل text/html أو image/png. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <a> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： استخدم دائمًا
rel="noopener" (أو noreferrer) عند فتح الروابط في تبويب جديد لتجنب مخاطر أمان اختطاف التبويب (tab-nabbing).تحذير： لا تلف عناصر تفاعلية على مستوى الكتلة (مثل الأزرار) داخل وسم
<a> — فهذا يخلق تداخلًا غير صالح وتنقلًا مربكًا بلوحة المفاتيح.❓ الأسئلة الشائعة
Qكيف أفتح رابطًا في تبويب جديد؟
Aاستخدم
target="_blank" وأضف rel="noopener" للأمان: <a href="url" target="_blank" rel="noopener">Qما الفرق بين href و src؟
A
href يحدد وجهة ارتباط تشعبي (يُستخدم في <a>، <link>)، بينما src يضمّن موردًا خارجيًا (يُستخدم في <img>، <script>).Qهل يمكنني وضع زر داخل وسم ؟
Aلا، هذا HTML غير صالح. لا يمكن تداخل العناصر التفاعلية. بدلاً من ذلك، قم بتنسيق
<a> لتبدو كزر باستخدام CSS.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
درس روابط HTML
درس كامل عن إنشاء الروابط التشعبية
عناصر HTML
افهم كيفية عمل العناصر والوسوم
مرجع وسوم HTML
تصفح جميع الوسوم البالغ عددها 112
