دليل المبتدئين لإضافة روابط داخلية في HTML

استخدام سمة سمة المعرف لإنشاء إشارات مرجعية للصفحة

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

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

ملاحظة: استخدم HTML 4 والإصدارات السابقة "سمة الاسم" لتشكيل روابط داخلية. لا يدعم HTML 5 سمة الاسم ، لذلك يتم استخدام سمة المعرّف بدلاً من ذلك.

في المستند ، حدد المكان الذي تريد أن تنتقل إليه الروابط الداخلية. قمت بتسمية هذه باستخدام علامة ارتساء مع سمات معرف . فمثلا:

نص الرابط

بعد ذلك ، يمكنك إنشاء الارتباط إلى قسم المستند باستخدام علامة الربط وسمة href. أنت تشير إلى المنطقة المسماة مع #.

رابط الربط

الحيلة هي التأكد من وضع النص حول النص أو الصورة.

هنا

في كثير من الأحيان ترى أشخاصًا يستخدمون هذه الروابط دون أن يحيطوا بأي شيء ، ولكن هذا ليس موثوقًا به كمثبت يحيط بكلمة أو صورة. تفضل العديد من المتصفحات أن يكون لديها بعض العناصر لوضعها أعلى الشاشة ؛ عند عدم تضمين أي شيء ، فإنك تخاطر بأن يكون المتصفح مرتبكًا.

رابط للعودة إلى أعلى صفحة الويب

عندما تريد إضافة ارتباط لأسفل في صفحة ويب لإعادة العارض إلى أعلى الصفحة ، يكون الارتباط الداخلي سهل الإعداد. في HTML ، تحدد العلامة رابطًا. href = متبوعًا بعنوان URL للرابط المستهدف في عروض الأسعار (أو عنوان URL مختصر إذا كان الرابط ضمن نفس المستند) ، ثم نص الرابط المرئي على صفحة الويب. النقر على نص الرابط يرسلك إلى العنوان المحدد. باستخدام هذا النحو:

نص الرابط