מדריך למתחילים להוספת קישורים פנימיים ב- HTML

שימוש בתג 'מזהה מזהה' כדי ליצור סימניות של דף

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

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

הערה: HTML 4 וגירסאות מוקדמות יותר השתמשו בתכונה 'שם' כדי ליצור קישורים פנימיים. HTML 5 אינו תומך במאפיין name, כך שתכונה ID משמשת במקום זאת.

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

טקסט עוגן

לאחר מכן, אתה יוצר את הקישור לקטע של המסמך באמצעות תג עוגן ותכונת href. אתה מציין את האזור בשם עם #.

קישור עוגן

הטריק הוא לוודא שאתה שם את סביב טקסט או תמונה.

כאן

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

קישור כדי לחזור לראש דף אינטרנט

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

קישור טקסט