مثال
رابط الى المعهد العربي للبرمجة
<a href="http://www.w3arabiconline.com"> المعهد العربي للبرمجة</a>
</div>
المتصفحات الداعمة
ان <a> مدعومة من جميع المتصفحات
التعريف والاستخدام
ان وسم <a> يوصف تحديد في صفحة الويب وذلك بطريقتان
- انشاء رابط لصفحة أخرى وذلك باستخدام اللاحقة href
- انشاء علامة داخل صفحة الويب وذلك باستخدام اللاحقة name
ان الوسم <a> عادة يوصف رابط أو ارتباط تشعبي
ان أهم لاحقة في وسم <a> هو href والذي يحدد وجهة الرابط التشعبي
تظهر الروابط في جميع المتصفحات بشكل افتراضي كما يلي :
- الرابط الذي لم تم زيارته تحته خط ولونه أزرق
- الرابط الذي تم زيارته تحته خط ولونه بنفسجي
- الرابط الفعال تحته خط ولونه أحمر
ملاحظة : استخدم CSS لغة الأنماط الانسيابية لتنسيق الروابط وتعديل ألوانها
الاختلاف بين HTML و XHTML
في لغة XHTML اللاحقة name تم تجاهلها لذلك يمكنك استخدام اللاحقة id بدلاً منها
لواحق اختيارية
تشير DTD الى اللواحق المسموح استخدامها في لغة HTML 4.01/XHTML 1.0 DTD .
S=Strict, T=Transitional, and F=Frameset.
| اللاحقة | القيمة | الوصف | DTD |
|---|---|---|---|
| charset | char_encoding | تحدد نوع الرموز أو احرف اللغة المرفقة بالصفحة | STF |
| coords | coordinates | تحدد نظير رابط تشعبي | STF |
| href | URL | تحدد الرابط التشعبي للصفحة التي ستنتقل اليها | STF |
| hreflang | language_code | تحدد لغة الصفحة | STF |
| name | section_name | تحدد اسم الرابط المرفق | STF |
| rel | text | تحدد العلاقة بين الصفحة الحالية والصفحة المرتبطة | STF |
| rev | text | تحدد العلاقة بين الصفحة المرتبطة والصفحة الحالية | STF |
| shape | default rect circle poly | تحدد شكل الرابط | STF |
| target | _blank _parent _self _top framename | تحدد كيفية فتح الرابط | TF |
اللواحق الأساسية
| اللاحقة | الشرح |
|---|---|
| class | تستخدم لتحديد اسم أو أكثر لتصنيف أو عنصر معين ( غالباً مايستخدم مع ملف التصميم css ) |
| id | تستخدم لتحديد id مخصص لعنصر معين |
| style | تستخدم لتحديد تصميم CSS داخلي لعنصر معين . |
| title | تحديد معلومات اضافية عن العنصر . |
| dir | تحديد جهة النص لمحتوى العنصر . |
| lang | تحدد اللغة لمحتوى العنصر . |
| xml:lang | تحدد لغة محتوى العنصرلصفحة XHTML . |
| accesskey | تحديد وسم الاختصار لتفعيل أو التركيز على العنصر . |
| tabindex | تحدد رقم الاندكس للعنصر |
لمزيد من اللواحق يمكنك التوجه الى قائمة اللواحق الأساسية
لواحق الأحداث events
يدعم وسم <a> عدداً من اللواحق التالية
| اللاحقة | القيمة | الشرح |
|---|---|---|
| onblur | script | يستخدم السكربت عند عدم التركيز على العنصر . |
| onchange | script | يستخدم السكربت عند تغير العناصر . |
| onfocus | script | يستخدم السكربت عند حصول العنصر على التركيز |
| onreset | script | يستخدم السكربت عند ضبط النموذج . |
| onselect | script | يستخدم السكربت عند اختيار العناصر . |
| onsubmit | script | يستخدم السكربت عند الضغط على ارسال للنموذج . |
لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية
ليست هناك تعليقات:
إرسال تعليق