כלי העוגן משמש לקישור בין שורה מסויימת בדף לנקודה אחרת אשר נמצאת באותו דף. אם לדוגמא נרצה לכוון את הגולש לפעולה כלשהי אשר מתרחשת בהמשך העמוד או שנרצה להקל על הגולש בקריאת דף המחולק לסעיפים רבים, נשתמש בכלי העוגן למטרה זו.
יצירת עוגן חדש
על מנת ליצור עוגן חדש, נסמן את המילה אשר תהיה נקודת העיגון, נלחץ על כפתור "הוספת/עריכת נקודת עיגון"(
)ונגיע לחלון יצירת העוגן.
בחלון זה ניתן שם לנקודת העיגון החדשה (ניתן לרשום שם בעברית או אנגלית) ונאשר את הפעולה.
יש לשים לב שלא מומלץ להוסיף עוגן לשדה ריק מאחר ודפדפנים מסוג Internet Explorer 8 ומטה לא תומכים בשיטת עבודה זו, להסבר טכני בנושא לחצו כאן.
קישור לעוגן
על מנת ליצור את הקישור לעוגן נסמן את הפריט אשר יקשר אותנו אל העוגן ונלחץ על כפתור "קישור" (
) ונגיע למסך יצירת הקישור.
.jpg?id=9529765)
יש לשים לב שהאפשרות "בחר עוגן" לא תופיע אם לא קיים עוגן פעיל בעמוד.נלחץ על "בחר עוגן", נבחר את נקודת העיגון המבוקשת ונלחץ על "עדכן נתונים"
כיצד ניתן לבצע קישור לעוגן בעמוד אחר
קישור לעוגן, כהגדרתו מיועד לשימוש בתוך העמוד אשר בו הוא נמצא בלבד אך יחד עם זאת יש מקרים אשר בהם אנו נרצה לבצע קישור לעוגן אשר נמצא בעמוד אחר לחלוטין, פעולה זו נחלקת לכמה חלקים:
- ניצור את העוגן בעמוד היעד.
- נסמן את הנקודה ממנה אנו רוצים לבצע את הקישור ונלחץ על הכפתור "קישור".
- נבחר ב"הדבק קישור מאתר חיצוני".
- נדביק את כתובת עמוד היעד ובסוף הקישור נוסיף את הסימן # ואת שם העוגן.
בתמונה ניתן לראות איך נראה קישור אשר מפנה לעוגן בשם Anchor הנמצא בעמוד בשם Example
למה נקודת העוגן לא עובדת בדפדפנים ישנים ואיך מתגברים על כך?
כאשר אנו מייצרים נקודת עיגון אנו נראה את הקוד בצורה הבאה <a name="שם נקודת העוגן"></a>, דפדפנים ישנים כגון Internet Explorer 8 ודומיו לא יודעים איך להתמודד עם נקודות עיגון ללא תוכן.
הפיתרון הוא ליצור נקודת עיגון על בסיס פריט קיים, לדוגמא. נבחר טקסט כלשהו וניצור ממנו נקודת עיגון. לחליפין ניתן להטמיע קוד של "רווח" בין האלמנטים של הקוד, כך שאנו נראה את הקוד שלנו בצורה הבאה <a name="שם נקודת העוגן"> </a>
פעולה מסוג זה מהווה פיתרון אלגנטי וקל לבעיה אשר נוצרת משימוש בדפדפנים ישנים ולא מעודכנים.
