الارتباطات التشعبية عبارة عن عناصر HTML التي يتم استخدامها بشكل متكرر في مواقع الويب ، لأن الصفحات المختلفة من موقع الويب تتكون من الارتباطات التشعبية ، وتتكمل الارتباطات التشعبية القفزة بين الصفحات. الارتباطات التشعبية هي الوسيلة الرئيسية للتفاعل بين المشاهدين والخوادم ، وسيتم تعميق التعلم تدريجياً في التقنيات اللاحقة.
- ملاحظة: يمكن أيضًا استخدام الصور كروابط ، وسوف تتعلم بالتفصيل الصور في صفحة الويب التالية.
4.5.1 إضافة روابط إلى النصعلامة الارتباط التشعبي هي <a> </a> ، فإن إضافة الارتباط التشعبي إلى النص يشبه العلامات المعدلة الأخرى. يحتوي النص بعد الرابط على أسلوبه الخاص لتمييزه عن النصوص الأخرى. نمط الرابط الافتراضي هو النص الأزرق ومطالبة. يتم إعادة توجيه الارتباط التشعبي إلى صفحة أخرى ، وعلامة <a> </a> تحتوي على سمة HREF مسؤولة عن تحديد عنوان الصفحة الجديدة. يستخدم العنوان المحدد بواسطة HREF العنوان النسبي بشكل عام.
- ملاحظة: في تطوير موقع الويب ، يتم استخدام المستندات بشكل أكثر شيوعًا بالنسبة للعناوين.
قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه A.HTM ، واكتب الرمز كما هو موضح في الرمز 4.18.
الرمز 4.18 إعدادات الارتباط التشعبي: A.HTM
<html>
<head>
<title> إعدادات الارتباطات التشعبية </title>
</head>
<body>
<حجم الخط = 5>
<a href = ul_ol.htm> أدخل صفحة الإعدادات في القائمة </a>
</font>
</body>
</html>
أدخل http: //localhost/a.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.19.
الشكل 4.19 إعدادات الارتباط التشعبي
يمكن للقراء رؤية النمط الافتراضي للارتباط التشعبي في الشكل 4.19. عند النقر فوق الرابط في الصفحة ، ستقفز الصفحة إلى صفحة UL_OL.HTM في نفس الدليل ، أي صفحة إعدادات القائمة في القسم السابق. عند النقر فوق الزر "مرة أخرى" للمتصفح والعودة إلى صفحة A.HTM ، يتحول لون رابط النص إلى اللون الأرجواني ، والذي يخبر المشاهد أن هذا الرابط قد تمت زيارته.
4.5.2 تعديل طريقة فتح نافذة الرابطبشكل افتراضي ، فإن الطريقة التي تفتح بها الارتباطات التشعبية تفتح صفحات جديدة هي العدوى الذاتية. اعتمادًا على الاحتياجات المختلفة للمشاهد ، يمكن للقراء تحديد طرق أخرى لفتح نوافذ جديدة للربط التشعبي. توفر علامة الارتباط التشعبي السمة الهدف للإعداد ، مع قيم مثل _self (الكتابة الذاتي ، الافتراضي) ، _blank (إنشاء نافذة جديدة لفتح صفحة جديدة) ، _top (مفتوح في نافذة المتصفح بأكملها ، سيتم تجاهل جميع هياكل الإطار) ، و _parent (مفتوحة في النافذة السابقة).
- ملاحظة: يتم استخدام طرق _top و _parent لصفحات الإطار ، وهناك تفسيرات مفصلة في الفصول التالية.
4.5.3 إضافة نص موجه إلى الرابطفي كثير من الحالات ، لا يكفي نص الارتباط التشعبي لوصف المحتوى المراد ربطه. توفر علامة الارتباط التشعبي سمات العنوان لتسهيل المطالبات للمشاهدين. قيمة سمة العنوان هي المحتوى المطالب. سيظهر المحتوى المطري عندما يبقى مؤشر المتصفح على الارتباط التشعبي ، والذي لن يؤثر على نظافة تخطيط الصفحة. قم بتعديل ملف صفحة الويب A.HTM واكتب الرمز كما هو موضح في الرمز 4.19.
الرمز 4.19 إعدادات الارتباط التشعبي: A.HTM
<html>
<head>
<title> إعدادات الارتباطات التشعبية </title>
</head>
<body>
<حجم الخط = 5>
<a href = ul_ol.htm target = _blank title = hello reader ، ما تراه الآن هو النص المطالب. انقر فوق هذا الرابط للقفز إلى صفحة UL_OL.HTM. > أدخل صفحة الإعدادات في القائمة </a>
</font>
</body>
</html>
أدخل http: //localhost/a.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.20.
الشكل 4.20 نصوص الارتباط التشعبي
4.5.4 ما هو مرساةتحتوي العديد من مقالات الويب على الكثير من المحتوى ، مما يؤدي إلى صفحة طويلة. يحتاج المشاهدون إلى سحب شريط التمرير للمستعرض باستمرار للعثور على المحتوى الذي يحتاجونه. يمكن أن تحل وظيفة المرساة من الارتباط التشعبي هذه المشكلة. المرساة هي مرساة يتم رسمها من السفينة. بعد إلقاء المرساة ، لن تطفو السفينة بسهولة أو تضيع. في الواقع ، يتم استخدام المراسي للقفز في مواقع مختلفة داخل صفحة واحدة ، وفي بعض الأماكن تسمى الإشارات المرجعية.
يتم استخدام سمة اسم علامة الارتباط التشعبي لتحديد اسم المرساة. يمكن أن تحدد صفحة واحدة المراسي المتعددة. من خلال سمة HREF من الارتباط التشعبي ، يمكنك القفز إلى المرساة المقابلة وفقًا للاسم. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، اسمه a_anchor.htm ، واكتب الرمز كما هو موضح في الرمز 4.20.
رمز 4.20 مرساة الارتباط التشعبي: A_ANCHOR.HTM
<html>
<head>
<title> إعدادات الارتباطات التشعبية </title>
</head>
<body>
<حجم الخط = 5>
<a name = top> هنا هو المرساة في الأعلى </a> <br />
<a href =#1> 1st </a> <br />
<a href =#2> 2nd </a> <br />
<a href =#3> 3rd </a> <br />
<a href =#4> الشخص الرابع </a> <br />
<a href =#5> الخامس </a> <br />
<a href =#6> السادس </a> <br />
<h2> الرؤساء الناجحون للولايات المتحدة </h2>
● الشخص الأول (1789-1797) <a name = 1> هذا هو مرساة الشخص الأول </a> <br />
الاسم: جورج واشنطن <br />
جورج واشنطن <br />
ولد وتوفي: 1732-1799 <BR />
الحزب السياسي :: الاتحاد <br />
● الشخص الثاني (1797-1801) <a name = 2> هنا هو مرساة الشخص الثاني </a> <br />
الاسم: جون آدمز <br />
جون آدمز <br />
ولد وتوفي: 1735-1826 <BR />
الحزب السياسي :: الاتحاد <br />
● الشخص الثالث (1801-1809) <a name = 3> هنا هو مرساة الشخص الثالث </a> <br />
الاسم: توماس جيفرسون <br />
توماس جيفرسون <br />
ولد وتوفي: 1743-1826 <BR />
الحزب السياسي :: الحزب الشيوعي الشعبي <br />
● المنشور الرابع (1809-1817) <a name = 4> هنا هو مرساة المنشور الرابع </a> <br />
الاسم: جيمس ماديسون <br />
جيمس ماديسون <br />
ولد وتوفي: 1751-1836 <BR />
الحزب السياسي: جمهورية الصين الشعبية <br />
● المنشور الخامس (1817-1825) <a name = 5> هذا هو مرساة المنشور الخامس </a> <br />
الاسم: جيمس مونرو <br />
جيمس مونرو <br />
ولد وتوفي: 1758-1831 <BR />
الحزب السياسي: جمهورية الصين الشعبية <br />
</font>
</body>
</html> l>
قبل الاختبار ، يمكن للقراء رؤية من الكود 4.20 أن علامة <a> </a> تستخدم لتحديد المرساة ، ويتم تعريف اسم المرساة بسمة الاسم (لا يحتوي الاسم على قيود ، ويمكن تخصيصه). يستخدم الرابط الذي يبحث عن مراسك سمة HREF لتحديد الاسم المقابل ، ويجب إضافة رمز # قبل الاسم. أدخل http: //localhost/a_anchor.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.21.
الشكل 4.21 مرساة الارتباط التشعبي
عندما ينقر المشاهد على الارتباط التشعبي ، ستتمرير الصفحة تلقائيًا إلى موضع المرساة لاسم قيمة سمة HREF.
- ملاحظة: لا تتطلب التسمية التي تحدد المرساة بالضرورة محتوى محدد ، فهي مجرد موقع.
4.5.5 البريد الإلكتروني و FTP و Telnet Linksيمكن أن تزيد الارتباطات التشعبية من وظائف صفحات الويب ، والمواصلات الأكثر شيوعًا هي اتصالات البريد الإلكتروني و FTP و Telnet. لإكمال الوظائف المذكورة أعلاه ، تحتاج فقط إلى تعديل قيمة HREF للربط التشعبي. التنسيق لإرسال بريد إلكتروني هو:
<a href = mailto: عنوان البريد الإلكتروني> أرسل لي بريدًا إلكترونيًا </a>
يجب أن يكتمل عنوان البريد الإلكتروني ، مثل [email protected].
كما ذكرنا سابقًا ، يتم استخدام بروتوكول HTTP لتصفح صفحات الويب ، بينما يتم توصيل خادم FTP بواسطة بروتوكول FTP. تنسيق الارتباط كما يلي:
<a href = ftp: // server عنوان IP أو اسم المجال> النص المرتبط </a>
الفرق بين روابط خادم FTP وروابط الويب هو أن البروتوكولات المستخدمة مختلفة. تتطلب FTP إذن تسجيل الدخول من مسؤول الخادم. ومع ذلك ، يمكن الوصول إلى بعض خوادم FTP بشكل مجهول ، وبالتالي الحصول على بعض الملفات العامة. وبالمثل ، فإن الخادم المتصل ببروتوكول Telnet يعتمد أيضًا طريقة مماثلة ، فإن التنسيق هو كما يلي:
<a href = telnet: // server عنوان IP أو اسم المجال> النص المرتبط </a>
بروتوكول Telnet قليل جدًا ، ويستخدم معظمه مع بروتوكول HTTP. قم بإنشاء ملف صفحة ويب في d:/ web/ directory ، المسماة mail.htm ، واكتب الرمز كما هو موضح في الرمز 4.21.
الرمز 4.21 إعدادات أخرى للارتباطات التشعبية: mail.htm
<html>
<head>
<title> إعدادات أخرى للارتباطات التشعبية </title>
</head>
<body>
<حجم الخط = 5>
<a href = mailto: [email protected] title = hello readers ، انقر هنا لإرسال بريد إلكتروني. > أرسل لي بريدًا إلكترونيًا </a> <br />
<a href = ftp: //101.22.25.11 title = hello readers ، مرحبًا بك في خادم FTP. > قم بتوصيل خادم FTP </a> <br />
<a href = telnet: //101.22.25.11 title = hello readers ، مرحبًا بك في خادم Telnet. > قم بتوصيل خادم Telnet </a>
</font>
</body>
</html> s
أدخل http: //localhost/mail.htm في شريط عنوان المتصفح ، ويظهر تأثير التصفح في الشكل 4.22.
الشكل 4.22 إعدادات أخرى للارتباطات التشعبية