توضح هذه المقالة الدليل الخاص بالرابط الداخلي:
ما هو ارتباط HTML الداخلي؟
روابط HTML الداخلية هي الارتباطات التشعبية التي تم إنشاؤها للسماح للمستخدمين بالتنقل عبر أقسام مختلفة من صفحة الويب. عند تفاعل المستخدم مع ارتباط داخلي ، يقوم المتصفح بنقل الشاشة إلى القسم المحدد من صفحة الويب. يساعد في التنقل بين المستخدمين خاصةً إذا كان هناك موقع ويب أو مدونة بطول صفحة واحدة.
دعونا نتعرف على مثال بسيط لفهم الروابط الداخلية:
مثال: استخدام الروابط الداخلية كمتصفح
لفهم عمل الروابط الداخلية ، يمكن استخدام أزرار التنقل. على سبيل المثال ، تم إنشاء زري تنقل ومحتوى وهمي في هذا العرض التوضيحي:
< شعبة >
< h2 بطاقة تعريف = 'الجزء الأول' > الجزء الأول < / h2 >
< ص > مرحبًا بك في محتوى الجزء الأول. < / ص >
< h2 بطاقة تعريف = 'الجزء الثاني' > الجزء الثاني < / h2 >
< ص > عظيم! لقد وصلت في الجزء الثاني من المحتوى < / ص >
< / شعبة >
في مقتطف الشفرة أعلاه:
- أولاً ، اثنان ' 'العلامات لإنشاء عنوانين / قسمين من صفحة الويب. هؤلاء ' h2 'عناصر تحمل قيمة' الجزء الأول ' و ' الجزء الثاني 'التي تم تعيينها إلى' بطاقة تعريف '، على التوالي.
- بعد ذلك ، ' 'التي تحتوي على المحتوى لكل' ' بطاقة شعار.
الآن ، يتم استخدام أزرار التنقل فيما يتعلق بالروابط الداخلية. يتم إنشاء هذه الأزرار باستخدام سطر التعليمات البرمجية التالي:
< ماي >< الذي - التي > < أ href = '#الجزء الأول' > الجزء الأول < / أ > < / الذي - التي >
< الذي - التي > < أ href = '#الجزء الثاني' > الجزء الثاني < / أ > < / الذي - التي >
< / ماي >
في مقتطف الشفرة أعلاه:
- لأول مرة '
- التالي ، المرساة ' 'العلامة وتوفر بيانات وهمية لكل' <هذا> ' بطاقة شعار.
- بعد ذلك ، قم بتعيين قيمة ' href 'لكل من' 'إلى' الجزء الأول ' و ' الجزء الثاني هويات. هذا التنازل عن ' بطاقة تعريف 'تنشئ ارتباطًا داخليًا.
بعد تنفيذ الكتل البرمجية أعلاه ، تعمل صفحة الويب على النحو التالي:
توضح الصورة المتحركة أعلاه طريقة عمل الروابط الداخلية على صفحة الويب.
خاتمة
روابط HTML الداخلية هي الارتباطات التشعبية التي تم إنشاؤها للسماح للمستخدمين بالتنقل عبر أقسام مختلفة من صفحة الويب. لإنشاء ارتباط داخلي ، قم بتمرير معرف عنصر HTML الأصلي. وتقديم هذا المعرف كقيمة لـ ' href 'التي تم توفيرها بواسطة نقطة ارتساء HTML' ' عنصر. هذا ' 'داخل شريط التنقل أو في أي مكان على صفحة الويب يعمل كمتصفح. لقد أوضحت هذه المقالة مثالاً عمليًا للارتباط الداخلي بتنسيق HTML.