أكثر "انها محاولة لنفسك" الأمثلة أدناه.
تعريف واستخدام
و <a> تعرف العلامة ارتباط تشعبي، والذي يستخدم لربط من صفحة واحدة إلى أخرى.
السمة الأكثر أهمية في <a> العنصر هو href السمة، مما يشير إلى وجهة الرابط.
افتراضيا، وسوف تظهر الروابط على النحو التالي في جميع المتصفحات:
- وجود صلة لم يسجل تحته خط والأزرق
- وصلة زار تحته خط والأرجواني
- وجود صلة نشطة تحته خط والأحمر
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <a> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
نصائح وملاحظات
نصيحة: إن following سمات: download, hreflang, media, rel, target ، و type لا يمكن أن تكون موجودة إذا كان href السمة غير موجودة.
تلميح: يتم عادة عرض الصفحة المرتبطة في نافذة المتصفح الحالي، ما لم يتم تحديد هدف آخر.
نصيحة: استخدم CSS إلى وصلات نمط: CSS سريعة دروس و أزرار CSS دروس
الخلافات بين HTML 4.01 و HTML5
في HTML 4.01، و <a> يمكن أن تكون إما العلامة ارتباط تشعبي أو لمستثمر رئيسي. في HTML5، و <a> البطاقة هي دائما ارتباط تشعبي، ولكن إذا كان لا يوجد لديه href السمة، أنها ليست سوى عنصر نائب لارتباط تشعبي.
HTML5 لديه بعض السمات الجديدة، ولم يعد معتمدا بعض HTML 4.01 الصفات.
الصفات
= جديد في HTML5.
السمات العامة
و <a> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <a> كما يدعم هذا الكود في حدث سمات في HTML .
انها محاولة لنفسك - أمثلة
إنشاء ارتباطات تشعبية
كيفية إنشاء ارتباطات تشعبية.
صورة كرابط
كيفية استخدام صورة كارتباط.
فتح الرابط في نافذة متصفح جديدة
كيفية فتح الرابط في نافذة متصفح جديدة، بحيث لا يكون للزائر لمغادرة موقع ويب الخاص بك.
إنشاء ارتباط ميلتو
كيفية ربط لرسالة البريد (لن ينجح الا اذا كان لديك بريد تثبيت).
إنشاء ارتباط ميلتو 2
رابط آخر ميلتو.
رابط إلى عنصر المحدد مع id
كيفية ربط إلى عنصر المحدد مع id داخل صفحة (على name غير معتمد السمة في HTML5).
رابط إلى تشغيل الجافا
كيفية إضافة جافا سكريبت داخل href السمة.
صفحات ذات صلة
HTML البرنامج التعليمي: روابط HTML
HTML DOM إشارة: كائن مرساة
CSS دروس: التصميم سريعة
الإعدادات الافتراضية CSS
معظم المتصفحات تعرض <a> عنصر مع القيم الافتراضية التالية:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | السمة | القيمة | وصف |
|---|---|---|
| charset | char_encoding | غير معتمدة في HTML5. يحدد مجموعة الأحرف وثيقة مرتبطة |
| coords | coordinates | غير معتمدة في HTML5. يحدد إحداثيات صلة |
| download | filename | تنص على أن الهدف سيتم تحميل عندما ينقر المستخدم على الارتباط التشعبي |
| href | URL | تحديد عنوان URL للصفحة على الرابط يذهب إلى |
| hreflang | language_code | تحديد لغة المستند المرتبط |
| media | media_query | يحدد صفته وسائل الاعلام / الجهاز الأمثل المستند المرتبط ل |
| name | section_name | غير معتمدة في HTML5. استخدام عالمية id السمة بدلا من ذلك. يحدد اسم مرساة |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | يحدد العلاقة بين الوثيقة الحالية والمستند المرتبط |
| rev | text | غير معتمدة في HTML5. يحدد العلاقة بين وثيقة مرتبطة ووثيقة الحالية |
| shape | default rect circle poly | غير معتمدة في HTML5. يحدد شكل رابط |
| target | _blank _parent _self _top framename | تحدد مكان لفتح المستند المرتبط |
| type | media_type | يحدد نوع وسائط من المستند المرتبط |