html קישור באמצעות עוגנים anchor בתוך אותו הדף
עוגן ישמש אותנו לדוגמה לקישור וקפיצה של הגולש מסוף הדף לתחילת אותו הדף.
עוגן anchor
עוגן הוא כל קישור שמאפשר לנו לקפוץ למקומות שונים בדף. קישור html רגיל מעביר אותנו לתחילת הדף אליו בניניו את הקישור, שימוש ב עוגן anchor מאפשר לנו להעביר את הגולש באמצעות קישור אל מיקום ספציפי בדף אליו מתבמע הקישור. זהו אחד הכלים החזקים ביותר בבנית האתר המאפשר לנו שליטה מלאה בתנועה של הגולש וביכולת שלנו להציג בפני הגולש את התוכן המעניין אותו בתוך האתר.
הגדרת העוגן anchor
בשלב ראשון נגדיר את המקום אליו אנו רוצים שהגולש יקפוץ. את ההגדרה נשים בנקודה המדוייקת שאנו רוצים שהגולש יקפוץ אליו. בדוגמה נגדיר את העוגן middle שיאפשר לנו לקפוץ לאמצע הדף. השם הניתן בין שני המרכאות יהיה השם של העוגן anchor.
<a name="middle">
קישור אל העוגן באותו הדף
בעת קישור לעוגן שנמצא באותו הדף יש לרשום את התו # ואת השם של העוגן. להסבר על קישורים ב HTML. בדוגמה קישור שיאפשר קפיצה לאמצע הדף בכל לחיצה על הקישור נקפוץ לאמצע.
<a href="#middle">קפוץ לאמצע</a>
קישור אל עוגן anchor בדף אחר / שונה
בעת קישור לעוגן שנמצא בדף אחר השונה מהדף בו בעוגן נמצא, יש לרשום את התו # ואת השם של העוגן אחרי הדף אליו יתבצע הקישור. להסבר על קישורים ב HTML. בדוגמה קישור שיאפשר קפיצה לאמצע הדף contact.html.
<a href="/contact.html#middle">קפוץ לאמצע</a>
דוגמה לקובץ HTML המכיל קישורים פנימיים עוגנים anchors