أساسيات HTML - الروابط والمراس
يمكنك استخدام الروابط لتوصيل صفحتك بصفحات أخرى ، أو حتى الانتقال إلى أجزاء مختلفة من نفس الصفحة. تمنح الروابط موقع الويب الخاص بك جودة ديناميكية تجعله مختلفًا عن كتاب أو مجلة مثلاً.

في مستواه الأساسي تبدو علامة الارتباط كما يلي:



تشير أي علامة تبدأ بـ "a" إلى وجود رابط ، ولكن هناك نوعان أساسيان من الارتباطات: الارتباطات التشعبية وأجزاء الربط المحددة. الارتباط التشعبي هو رابط يربط صفحة ويب واحدة بصفحة ويب مختلفة وسيبدو كما يلي:

ربط النص هنا

تخبر المعلومات الموجودة داخل العلامة المستعرض الخاص بك أن هذا رابط تشعبي (href) يتصل بصفحة الويب "page.html". النص الموجود داخل العلامات (نص الرابط هنا) هو جزء من الارتباط الذي يراه الزائر بالفعل ، ويمكن النقر عليه للانتقال إلى page.html. إذا كنت تقوم بالربط بصفحة على موقعك من صفحة موجودة في نفس الموقع ، فيمكنك تجاهل معلومات المجال. على سبيل المثال ، إذا كنت تقوم بإنشاء رابط على صفحتك الموجودة على www.domain.com/home.html والرابط المتصل بالصفحة المقصودة www.domain.com/page.html ، فيمكنك كتابة الرابط وتخطي معلومات اسم المجال. إذا تركت اسم المجال ، فسوف يفترض المستعرض أن الصفحة المقصودة موجودة على نفس موقع الويب مثل صفحة الارتباط.

المرساة المسماة (غالبًا ما تسمى ببساطة "مرساة") تخدم غرضًا مختلفًا. كما قد تكون خمنت من الاسم ، يقوم المذيّع بإنشاء علامة غير مرئية على الصفحة تخبر المستعرض الخاص بك أين يجب أن يهبط عندما تقوم بإعداد رابط يسقط الزائرين عند نقطة معينة على الصفحة. مرساة يشبه هذا:



عادةً ، لا يحتفظ المرساة بأي نص بين علامتي الفتح والإغلاق ، لأنه يوجد ببساطة لتمييز بقعة على الصفحة. لإنشاء رابط يتيح للزائرين الانتقال إلى هذه البقعة على الصفحة من صفحة مختلفة ، يمكنك إنشاء رابط تشعبي مثل هذا:

زيارة قسم البريد

يخبر '#' الموجود في الرابط المتصفح أنك تقوم بالربط ببرنامج ربط مسمى. إذا كنت ترغب في إنشاء ارتباط تشعبي من شأنه أن يقفز الزائر إلى قسم مختلف من نفس الصفحة ، فسيبدو مثل هذا:

زيارة قسم البريد

جزء هام آخر من الارتباطات التشعبية هو السمة "الهدف". هذا يخبر المتصفح كيفية عرض الصفحة الوجهة. لديك ثلاثة خيارات رئيسية: 'target = "_ blank" و' 'target = "_ self" و' target = "_ top". '

ستفتح الوسيطة '_blank' الصفحة المرتبطة في نافذة جديدة. يُعد هذا مفيدًا بشكل خاص عند الاتصال بموقع خارجي ، حيث يمكن للزائر تصفح الموقع الجديد لمحتوى قلبه دون فقد موقعه على موقعك. من الأفضل أيضًا فتح مستندات مثل ملفات PDF في نافذة جديدة ، نظرًا لأن الزائرين سوف يغلقون المستند تلقائيًا عند الانتهاء من ذلك.

تؤدي الوسيطة "_self" إلى استبدال الصفحة المرتبطة بالصفحة الحالية في نافذة المتصفح الحالية. هذا هو الأفضل للروابط داخل موقعك. وإلا فإن الزوار الذين يقومون بالكثير من التصفح عبر موقعك سينتهي بهم المطاف بالعديد من النوافذ المفتوحة ، والتي يمكن أن تكون مزعجة للغاية! هذه هي الوسيطة الافتراضية للسمة "الهدف" ، لذلك إذا لم تحدد هدفًا ، فستستخدم روابطك دائمًا نافذة المتصفح الحالية.

يتم استخدام وسيطة "_top" عمومًا في مواقع إطارات الإطارات ، ويخبر المستعرض بالكتابة فوق مجموعة الإطارات بالكامل ، بدلاً من تحميل الصفحة الجديدة ببساطة إلى أي جزء من مجموعة الإطارات يحمل الرابط الأصلي.

تعليمات الفيديو: 8- ربط الصفحات ببعضها وجعل الصوره كرابط | HTML links (سبتمبر 2021).