تعتبر نقطة الارتساء على الموقع مفيدة جدًا إذا كنت تريد أن تتمتع المقالات الموجودة على موقعك بانتقال ملائم بين عناصر القائمة. يقلبون الصفحة إلى النقطة المطلوبة أو يفتحون الصفحة المطلوبة ، مما يساعد المستخدم في العثور بسرعة على المعلومات التي يحتاجها.
إذا كنت تكتب موقعك الخاص ، فيجب أن تفكر في كيفية جعل التنقل في موقعك أكثر ملاءمة. حتى لا يضطر المستخدم إلى البحث عن المعلومات التي يحتاجها بين جميع صفحات موقعك ، فمن الأفضل استخدام تقنية "الارتساء". سيتم إنشاء ارتباط إلى أي معلومات أو وثيقة في أي مكان على موقعك.
نظرية
لإنشاء نقطة ارتساء ، تحتاج إلى عنصرين:
- الجزء المتبقي من الكود ، والذي يشير إلى رابط الرابط الخاص بنا ، في جزء آخر من الموقع.
- أي جزء من الكود يمكن من خلاله تحديد المعرف هو نقطة الارتساء الخاصة بنا.
تحتاج أولاً إلى إنشاء الجزء الأول من المرساة - رابط إليه. يتكون ارتباط الارتساء من جزأين: ارتباط صفحة ورابط رابط.
- قم بإنشاء علامة "a" أو أي علامة أخرى تدعم السمة "href"
- في هذه العلامة ، قم بإنشاء سمة "href"
- حدد ارتباطًا إلى صفحة الموقع في قيمة السمة.
- بعد الرابط ، حدد الرابط إلى الرابط باستخدام الرمز "#" وأي اسم للارتساء (مكتوب معًا ، على سبيل المثال: "#anchor")
إذا تخطيت النقطة 3 ولم تحدد ارتباطًا لصفحة الموقع ، فسيتم البحث عن الرابط في الصفحة الحالية. بمعنى ، إذا كنت تريد إنشاء رابط إلى رابط موجود في نفس الصفحة ، فيمكنك حذف الرابط إلى الصفحة نفسها.
يبقى إنشاء الجزء الثاني من المرساة - المعرف. يشير إلى أي علامة في رمز الموقع تدعم سمة المعرف. لإنشاء مرساة ، تحتاج إلى:
- أنشئ سمة "id" في العلامة المطلوبة.
- في السمة "id" ، حدد قيمة اسم الرابط الذي تم تحديده في الخطوة السابقة. (مثال:)
بعد هاتين الخطوتين ، يظهر رابط على الموقع ينقلك إلى الرابط المحدد.
ممارسة
دعونا نفكر في كيفية إنشاء مرساة باستخدام مثال محدد.
لدينا صفحة بسيطة مثل هذه:
لدينا نص في الجزء العلوي والسفلي من الصفحة ، والكثير من علامات "br" التي تخلق مساحة بين النصوص. نحتاج إلى إنشاء نقطة ارتساء حتى نتمكن من إلقاء نظرة سريعة على النص في الأسفل.
للقيام بذلك ، قم بإنشاء علامة جديدة - "أ" بعد النقش "النص في الأعلى". في ذلك نقوم بإنشاء سمة "href". لجعل المرساة أكثر ملاءمة ، سنكتب "لأسفل" في الرابط.
الآن نحدد القيمة "#yakor" في السمة - سيكون هذا رابطًا لاسم الارتساء.
الجزء الأول من المرساة - الرابط الخاص به - جاهز. الآن كل ما تبقى هو إنشاء المرساة نفسها. ننتقل إلى الجزء المطلوب من الصفحة. في هذه الحالة ، يكون "نصًا في الأسفل". نظرًا لأن هذا نص بسيط بدون علامة ، فنحن بحاجة إلى إنشائه. للقيام بذلك ، ضع النص في "فقرة" - وسم "p".
في هذه العلامة ، نقوم بإنشاء سمة "id" وإدخال القيمة "yakor" فيها. تطابق القيمة "yakor" اسم الرابط المحدد في الارتباط.
الآن تعمل المرساة كما ينبغي.
