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