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