كيفية إرساء HTML

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

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

نظرية

لإنشاء نقطة ارتساء ، تحتاج إلى عنصرين:

• الجزء المتبقي من الكود ، والذي يشير إلى رابط الرابط الخاص بنا ، في جزء آخر من الموقع.
• أي جزء من الكود يمكن من خلاله تحديد المعرف هو نقطة الارتساء الخاصة بنا.

تحتاج أولاً إلى إنشاء الجزء الأول من المرساة - رابط إليه. يتكون ارتباط الارتساء من جزأين: ارتباط صفحة ورابط رابط.

1. قم بإنشاء علامة "a" أو أي علامة أخرى تدعم السمة "href"
2. في هذه العلامة ، قم بإنشاء سمة "href"
3. حدد ارتباطًا إلى صفحة الموقع في قيمة السمة.
4. بعد الرابط ، حدد الرابط إلى الرابط باستخدام الرمز "#" وأي اسم للارتساء (مكتوب معًا ، على سبيل المثال: "#anchor")

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

يبقى إنشاء الجزء الثاني من المرساة - المعرف. يشير إلى أي علامة في رمز الموقع تدعم سمة المعرف. لإنشاء مرساة ، تحتاج إلى:

1. أنشئ سمة "id" في العلامة المطلوبة.
2. في السمة "id" ، حدد قيمة اسم الرابط الذي تم تحديده في الخطوة السابقة. (مثال:)

بعد هاتين الخطوتين ، يظهر رابط على الموقع ينقلك إلى الرابط المحدد.

ممارسة

دعونا نفكر في كيفية إنشاء مرساة باستخدام مثال محدد.

لدينا صفحة بسيطة مثل هذه:

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

للقيام بذلك ، قم بإنشاء علامة جديدة - "أ" بعد النقش "النص في الأعلى". في ذلك نقوم بإنشاء سمة "href". لجعل المرساة أكثر ملاءمة ، سنكتب "لأسفل" في الرابط.

الآن نحدد القيمة "#yakor" في السمة - سيكون هذا رابطًا لاسم الارتساء.

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

في هذه العلامة ، نقوم بإنشاء سمة "id" وإدخال القيمة "yakor" فيها. تطابق القيمة "yakor" اسم الرابط المحدد في الارتباط.

الآن تعمل المرساة كما ينبغي.