יסודות HTML - קישורים ועוגנים

• אַפּרִיל 25, 2024

אתה יכול להשתמש בקישורים כדי לחבר את הדף שלך לדפים אחרים, או אפילו לקפוץ לחלקים שונים באותו עמוד. קישורים מעניקים לאתר שלך איכות דינאמית שהופכת אותו שונה, למשל, לספר או למגזין.

ברמה הבסיסית ביותר תג קישור מופיע כך:



כל תג שמתחיל ב- 'a' מציין קישור, אך ישנם שני סוגים בסיסיים של קישורים: היפר-קישורים ועוגנים בשם. היפר-קישור הוא קישור המחבר עמוד אינטרנט אחד לדף אינטרנט אחר והוא ייראה כמו זה:

קישור טקסט כאן

המידע בתוך התג אומר לדפדפן שלך שמדובר בהיפר-קישור (href) שמתחבר לדף האינטרנט 'page.html.' הטקסט בתוך התגיות (טקסט קישור כאן) הוא החלק של הקישור שרק המבקר רואה, ויכול ללחוץ עליו כדי לקפוץ אל page.html. אם אתה מקשר לדף באתר שלך מדף שנמצא באותו אתר, תוכל להפסיק את פרטי הדומיין. לדוגמה, אם היית יוצר קישור בדף שלך הממוקם בכתובת www.domain.com/home.html והקישור המחובר לדף היעד www.domain.com/page.html, אתה יכול לכתוב את הקישור בשם ולדלג על מידע על שם תחום. אם תשמיט את שם הדומיין, הדפדפן יניח שדף היעד נמצא באותו אתר בו עמוד הקישור.

העוגן הנקוב (המכונה לעתים קרובות פשוט 'עוגן') משרת מטרה שונה. כפי שאולי ניחשתם מהשם, עוגן יוצר דגל בלתי נראה בדף שאומר לדפדפן שלכם היכן לנחות כשאתם מגדירים קישור שמפיל את המבקרים בנקודה מסוימת בעמוד. עוגן נראה כך:



בדרך כלל עוגן אינו מכיל טקסט בין תגיות הפתיחה והסגירה, מכיוון שהוא שם פשוט כדי לסמן נקודה בדף. כדי ליצור קישור שיאפשר למבקרים לקפוץ למקום זה בעמוד מדף אחר, ייתכן שתבנה היפר קישור כזה:

בקר בקטע של פוסט

ה- '#' בקישור אומר לדפדפן שאתה מקשר לעוגן בשם. אם רצית ליצור היפר-קישור שיקפיץ מבקר לקטע אחר באותו עמוד, הוא ייראה כך:

בקר בקטע של פוסט

חלק חשוב נוסף מההיפר-קישורים שלך הוא התכונה 'יעד'. זה אומר לדפדפן כיצד להציג את דף היעד. יש לך שלוש אפשרויות עיקריות: 'target = "_ blank",' 'target = "_ self",' ו- 'target = "_ top".'

הטיעון '_ ריק' יפתח את הדף המקושר בחלון חדש. זה שימושי במיוחד כשאתה מקשר לאתר חיצוני, שכן האורח יכול לדפדף באתר החדש לתוכן ליבו מבלי לאבד את מיקומו באתר שלך. עדיף גם לפתוח מסמכים כמו קובצי PDF בחלון חדש, מכיוון שמבקרים בדרך כלל יסגרו את המסמך באופן אוטומטי לאחר שיסיימו אותו.

הטיעון '_self' גורם לדף המקושר להחליף את העמוד הנוכחי בחלון הדפדפן הקיים. הדבר הטוב ביותר עבור קישורים באתר שלך; אחרת מבקרים שעושים הרבה גלישה באתר שלך יגיעו להרבה חלונות פתוחים, מה שיכול להיות מעצבן במיוחד! זהו טיעון ברירת המחדל עבור תכונה 'יעד', כך שאם לא תגדיר יעד הקישורים שלך ישתמשו תמיד בחלון הדפדפן הקיים.

הטיעון '_top' משמש בדרך כלל באתרי ערכת מסגרות, ואומר לדפדפן להחליף את כל מערך המסגרות, לעומת פשוט לטעון את הדף החדש לכל חלק מערך המסגרות המחזיק בקישור המקורי.

הוראות וידאו: קורס בסיסי ב HTML - תגיות פלט ב HTML - שיעור 03 (אַפּרִיל 2024).