رابط الارتساء هو رابط ينقلك ، عند النقر عليه ، إلى موقع معين على صفحة الويب. هذه أداة مريحة للغاية تتيح لك إنشاء التنقل داخل الصفحة وتحسين تجربة المستخدم. قد تحتاج إلى استخدام روابط الارتساء عندما تحتاج إلى توجيه المستخدمين إلى معلومات معينة على الصفحة ، والتي أريد التركيز على استخدامها في هذه المقالة.
الخطوة الأولى لإنشاء رابط مرساة هي إضافة مرساة. المرساة هي سمة يتم تعيينها لعنصر في شفرة هتمل ولها اسم فريد. لإنشاء نقطة ارتساء ، حدد العنصر في الصفحة التي تريد إضافة نقطة ارتساء إليها وقم بتعيين سمة معرف لها بقيمة نقطة الارتساء. على سبيل المثال ، إذا كنت تريد إنشاء مرساة لفقرة تحتوي على معلومات حول المنتجات ، فيمكنك إدراج معرف="منتجات" في العلامة.
بعد ذلك ، لإنشاء ارتباط مرساة ، يجب إضافة ارتباط إلى رمز هتمل مع سمة هريف تحتوي على رمز شعرية ( # ) واسم مرساة. على سبيل المثال ، إذا كنت ترغب في إنشاء رابط إلى مرساة باسم "المنتجات" ، فأنت بحاجة إلى إضافة الرابط التالي إلى الرمز: رابط إلى المنتجات.
سيبدو الرابط كما يلي: رابط إلى المنتجات. عند النقر فوق هذا الرابط ، سيتم تمرير الصفحة تلقائيا إلى مرساة "المنتجات" المحددة. وبالتالي ، قمت بإنشاء رابط مرساة إلى المكان الصحيح على صفحة الويب.
- الخطوة 1: حدد موقع المرساة
- الخطوة 2: أدخل علامة المرساة
- الخطوة 3: أعط المرساة اسما
- الخطوة 4: إنشاء رابط إلى المرساة
- الخطوة 5: حدد مكانا على الصفحة للانتقال إليه
- الخطوة 6: تحقق من تشغيل رابط المرساة
- سؤال وجواب
- كيف يمكنني إنشاء رابط مرساة على صفحة ويب?
- هل من الممكن عمل مرساة على الصورة?
- هل من الممكن إنشاء مرساة على طاولة?
- كيف يمكنني جعل وصلة مرساة من شأنها أن تفتح في علامة تبويب جديدة?
- هل من الممكن لجعل وصلة مرساة إلى صفحة ويب أخرى?
الخطوة 1: حدد موقع المرساة
المرساة هي رابط إلى موقع معين على صفحة الويب. لإنشاء مرساة ، فإن أول شيء عليك القيام به هو تحديد المكان الذي تريد الارتباط به على الصفحة.
يمكن تحديد موقع الربط على أي عنصر في الصفحة ، مثل العنوان أو الفقرة أو الجدول أو الصورة. اختر الموقع الأكثر ملاءمة للمستخدمين حتى يتمكنوا بسهولة من العثور على المعلومات التي يحتاجون إليها.
إذا كنت ترغب في إنشاء مرساة على عنصر معين ، مثل رأس ، يمكنك تعيين معرف فريد باستخدام سمة المعرف. على سبيل المثال:
مكان لترسيخ
يمكنك الآن إنشاء رابط يعيد توجيه المستخدم إلى هذا المكان على الصفحة. سنخبرك بكيفية القيام بذلك في الخطوات التالية.
الخطوة 2: أدخل علامة المرساة
لإنشاء رابط مرساة إلى الموقع المطلوب على صفحة ويب ، تحتاج إلى إدراج علامة مرساة (مرساة) في رمز هتمل للصفحة. تشير علامة الارتساء إلى المتصفح إلى الموقع المحدد الذي سيتم الانتقال إليه عند النقر على الرابط.
لإدراج علامة مرساة ، اتبع التعليمات التالية:
- في مكان معين على الصفحة حيث تريد إنشاء نقطة ربط ، استخدم العلامة التي تحمل الاسم أو سمة المعرف. على سبيل المثال:
| كود | الوصف |
|---|---|
| تستخدم لإنشاء مرساة تسمى "مرساة". | |
| يتم استخدامه لإنشاء مرساة مع معرف "مرساة". |
بعد ذلك ، يمكنك تكرار هذه الخطوة لكل نقطة ارتساء تريد إنشاؤها على الصفحة. تأكد من أن اسم المرساة أو المعرف فريد على الصفحة لتجنب التعارضات.
مثال:
بعد إدراج علامات الربط في شفرة هتمل للصفحة ، يمكنك المتابعة إلى الخطوة التالية - إنشاء روابط لنقاط الربط.
الخطوة 3: أعط المرساة اسما
بعد إضافة سمة المعرف إلى العنصر المطلوب على صفحة الويب الخاصة بك ، تحتاج إلى إعطاء هذا المرساة اسما. للقيام بذلك ، استخدم علامة مع سمة الاسم. أدناه مثال:
القسم الأول
هذا هو القسم الأول من صفحة الويب.
...
ارجع إلى القسم الأول
في هذا المثال ، يتم استخدام علامة مع السمة هريف ، مما يدل على اسم مرساة ("#القسم 1") ، والسمة اسم يعطي مرساة اسم ("القسم 1").
من المهم ملاحظة أن قيمة سمة الاسم يجب أن تتطابق مع قيمة سمة المعرف للعنصر الذي تريد إضافة مرساة إليه.
الخطوة 4: إنشاء رابط إلى المرساة
الآن بعد أن أصبح لديك مرساة ، يمكنك إنشاء رابط يعيد توجيه المستخدم إلى المكان الصحيح على الصفحة.
يتم استخدام علامة لإنشاء ارتباط. يجب أن تحدد سمة هريف رمز الشبكة ( # ) ومعرف المرساة.
في ما يلي مثال على شفرة هتمل التي تنشئ رابطا إلى المرساة "القسم 1":
انتقل إلى القسم 1
عند النقر فوق هذا الرابط ، سيتم تمرير الصفحة تلقائيا إلى المرساة باستخدام المعرف"القسم 1".
الخطوة 5: حدد مكانا على الصفحة للانتقال إليه
لإنشاء رابط مرساة ، تحتاج إلى تحديد الموقع على الصفحة التي ستتم إعادة توجيهك إليها عند النقر فوق الارتباط. يمكنك استخدام طرق مختلفة للقيام بذلك:
- استخدم علامة تحمل الاسم أو سمة المعرف. على سبيل المثال:
أو
- ضع عنصرا بالمعرف المطلوب في علامة مثل ,
أو ، وإنشاء ارتباط عن طريق تحديد هذا المعرف في السمة هريف. على سبيل المثال:
الباب 1
أو
- النص
النص
بعد تحديد مكان على الصفحة للانتقال إليه ، يمكنك إنشاء ارتباط يحدد هذا المعرف في سمة هريف. على سبيل المثال:
انتقل إلى القسم 1
الخطوة 6: تحقق من تشغيل رابط المرساة
بعد إضافة مرساة وإنشاء رابط لها ، تحتاج إلى التحقق من وظيفة هذه الوظيفة على صفحة الويب الخاصة بك.
- لهذا:
- افتح صفحة ويب في متصفح.
- قم بالتمرير لأسفل إلى القسم أو العنصر المطلوب الذي قمت بإنشاء رابط ربط إليه.
انقر على الرابط الذي يحتوي على المرساة.
إذا تم تكوين رابط الارتساء بشكل صحيح ، فبعد النقر عليه ، يجب أن تنتقل الصفحة تلقائيا إلى القسم أو العنصر المناسب. يمكنك التحقق من ذلك من خلال رؤية أن الجزء المطلوب من الصفحة يصبح مرئيا في نافذة المتصفح.
إذا لم يأخذك رابط المرساة إلى المكان الصحيح على صفحة الويب ، فقد تحتاج إلى التحقق من صحة اسم المرساة أو المعرف ، بالإضافة إلى صحة رمز الارتباط.
استخدم علامة التبويب عنصر المفتش في متصفحك للتحقق من اسم أو معرف المرساة والموقع الدقيق للعنصر على الصفحة.
ملاحظة: إذا تم استخدام مرساة مع جافا سكريبت أو نصوص برمجية أخرى ، فتحقق من الرمز المقابل بحثا عن الأخطاء ودعم البرنامج النصي في متصفحك.
سؤال وجواب
كيفية إنشاء رابط مرساة على صفحة ويب?
لإنشاء رابط ربط إلى مكان معين على الصفحة ، تحتاج إلى اتخاذ خطوتين. أولا ، حدد الكائن الذي تريد الارتباط به وأضف مرساة (معرف). ثانيا ، قم بإنشاء رابط باستخدام هذا المرساة. على سبيل المثال ، إذا كنت تريد إنشاء ارتباط إلى فقرة باستخدام المعرف "مرساة" ، فسيبدو الرابط الخاص بك كما يلي: الارتباط.
هل من الممكن عمل مرساة على الصورة?
نعم ، يمكنك إنشاء مرساة على الصورة. للقيام بذلك ، تحتاج إلى إضافة السمة "معرف" إلى علامة "إمغ" ، ومن ثم إنشاء ارتباط إلى هذا مرساة. على سبيل المثال ، إذا كانت صورتك تبدو كما يلي: ، فسيبدو الرابط الخاص بك كما يلي: رابط للصورة.
هل من الممكن إنشاء مرساة على طاولة?
ثم سيبدو الرابط الخاص بك كما يلي: رابط إلى جدول.
كيف يمكنني جعل وصلة مرساة من شأنها أن تفتح في علامة تبويب جديدة?
لإنشاء رابط مرساة يفتح في علامة تبويب جديدة ، تحتاج إلى إضافة السمة "الهدف" بالقيمة "_فراغ" إلى العلامة "أ". على سبيل المثال: رابط يفتح في علامة تبويب جديدة.
هل من الممكن لجعل وصلة مرساة إلى صفحة ويب أخرى?