אחד המבדילים העיקריים בין אתרים לצורות אחרות של אמצעי תקשורת הוא הרעיון של "קישורים", או קישורים כפי שהם ידועים טכנית במונחי עיצוב אתרים.
בנוסף לסיוע בהפיכת האינטרנט למה שהוא היום, קישורים, כמו גם תמונות, הם הנפוצים ביותר להוסיף דברים בדפי אינטרנט. למרבה המזל, קל להוסיף פריטים אלה (רק שניים תגי HTML בסיסיים) והם יכולים להביא התרגשות ואינטראקטיביות למה שאחרת היו דפי טקסט רגיל. במאמר זה תלמד על התג (עוגן), שהוא האמיתי אלמנט HTML משמש להוספת קישורים לדפי אתר.
הוספת קישורים
קישור נקרא עוגן ב- HTML, ולכן התג שייצג אותו הוא תג A. בדרך כלל, אנשים פשוט מתייחסים לתוספות אלה כאל "קישורים", אך העוגן הוא מה שמתווסף למעשה לכל דף.
כשאתה מוסיף קישור, עליך להצביע על ה- כתובת דף אינטרנט שאתה רוצה שהמשתמשים שלך ילכו אליו כאשר הם לוחצים או מקישים (אם הם נמצאים על מסך מגע) על הקישור. אתה מציין זאת באמצעות התכונה.
ה href תכונה מייצגת "הפניה להיפר טקסט" ומטרתה להכתיב את כתובת האתר לאן תרצו שהקישור הספציפי יעבור. ללא מידע זה, קישור הוא חסר תועלת שכן הוא יגיד לדפדפן שיש להביא את המשתמש איפשהו, אך לא יהיה בו מידע היעד הזמין למקום בו "איפשהו" צריך להיות לִהיוֹת. התג הזה והתכונה הזו הולכים יד ביד.
אתה יכול לקשר כמעט כל דבר בדף ה- HTML שלך, כולל תמונות. כל שעליך לעשות הוא להקיף את רכיבי ה- HTML או האלמנטים שאתה רוצה שיהיה קישור עם התגים ו-. אתה יכול גם ליצור קישורי מציין מיקום על ידי השארת ה- href תכונה - אך רק הקפד לחזור ולעדכן את מידע ה- href מאוחר יותר, או שהקישור לא יעשה שום דבר בפגישה.
HTML5 הופך את זה לתוקף לקישור אלמנטים ברמת הבלוק כמו פסקאות ו- DIV אלמנטים. אתה יכול להוסיף תג עוגן סביב אזור גדול בהרבה, כמו רשימת חלוקה או הגדרה, וכל השטח יהיה "קליק". זה יכול להיות מועיל במיוחד כשמנסים ליצור אזורי פגע גדולים יותר וידידותיים לאצבעות באתר.
כמה דברים שכדאי לזכור בעת הוספת קישורים
- התג הסופי הוא נדרש. אם תשכח לכלול אותו, כל מה שעוקב אחר קישור זה יקושר גם הוא, עד שקישור אחר יסגור את התג.
- לרוב, עדיף לקשר תמונות בודדות וטווחי טקסט קצרים, ולא גושי טקסט גדולים. קישורים יכולים להוסיף צבעים וסגנונות קו תחתונים לדף שלך שיכולים להיות קשים לקריאה. כמובן, אתה יכול להשתמש ב- CSS כדי לשנות את סגנונות הקישורים הללו ולערוך צבעים או להסיר קו תחתון, אך עדיין טוב להיות מודע למציאות זו.
- הקפד לבדוק את הקישורים שלך כדי שלא יתקלקלו. קישור Rot יכול לגרום גם למשתמשים וגם למנועי החיפוש להחשיב את האתר שלך כלא חוקי. השתמש בבודק קישורים באופן קבוע כדי לאמת את הקישורים בדפים שלך. זה נכון במיוחד כשאתה מקשר לאתרי צד 3 (כאלה שאינך מנהל) ואשר עשויים לשנות את הארכות העמודים שלהם ולהשאיר אותך עם קישורים מתים. בודק קישורים ימצא קישורים מתים אלה כדי שתוכל לבצע את כל העדכונים הדרושים.
- הימנע מטקסט כמו "לחץ כאן" בקישור שלך. זכרו, אנשים עם מסכי מגע לא יכולים "ללחוץ", כך שהטקסט מרגיש כמו תוצר של עידן עבר וממש לא רלוונטי ברשת מרוכזת של ימינו.
סוגים מעניינים אחרים של קישורים
ה א אלמנט יוצר קישור סטנדרטי למסמך אחר, אך ישנם סוגים אחרים של קישורים שאתה עשוי להתעניין בהם:
- קישורים פנימיים או עוגנים: אלה קישורים למקום כלשהו בתוך דף אינטרנט, ולאו דווקא לחלק העליון.
- מפות תמונות: מפות תמונות מאפשרות ליצור קישורים בתמונות הממופות לאזורים ספציפיים בתמונה. אלה יכולים לשמש למשחקים או ניווט יצירתי. לעתים קרובות אתה רואה אותם עם מפות שבהן ניתן ללחוץ על אזורים במפה. שים לב שלא נעשה שימוש במפות תמונות ברוב האתרים המודרניים, בין השאר בגלל הם עלולים לגרום לבעיות במכשירים ניידים.
- האלמנט: אלמנט זה משמש לקשר בין מסמכים ודפים אחרים לזה הנוכחי. זה לא ייצור אזור שניתן ללחוץ עליו בדף האינטרנט שלך, אך כדאי להבין אותו.