עד HTML5 שוחרר, התג נדרש תְכוּנָה: href. אבל, HTML5 הופך אפילו את התכונה הזו לבחירה. כשכותבים את התג ללא תכונות כלשהן, זה נקרא קישור מציין מיקום.
קישור מציין מיקום נראה כך:
קודם
שימוש בקישורי מציין מקום במהלך הפיתוח
כמעט כל מעצב אתרים יצר קישורים למקומות מיקום בזמן זה או אחר תכנון ובניית אתר. לפני HTML5, מתכנת היה כותב את הדברים הבאים כמציין מיקום:
טקסט קישור
הבעיה בשימוש ב- סולמית (#) כקישור מציין מיקום הוא שהקישור ניתן ללחיצה, וזה יכול לגרום לבלבול אצל הלקוחות שלך. ואם מפתח שוכח לעדכן אותם בכתובות האתרים הנכונות, קישורים אלה פשוט יציגו את אותו הדף בו המשתמש נמצא אם לחצו עליו.
במקום זאת, עליך להתחיל להשתמש בתגים ללא מאפיינים. אתה יכול לעצב אותם כך שהם ייראו כמו כל קישור אחר בדף שלך, אך לא ניתן יהיה ללחוץ עליהם מכיוון שהם רק מצייני מיקום.
שימוש בקישורי מציין מיקום באתרים חיים
לקישורי מציין מקום יש מקום בעיצוב אתרים ליותר מסתם התפתחות. מקום אחד שקישור מציין מיקום יכול לזרוח הוא ברכיבי ניווט. במקרים רבים, לרשימות הניווט באתרים יש דרך כלשהי לציין באיזה עמוד אתה נמצא. אלה נקראים לעתים קרובות אינדיקטורים "אתה כאן".
רוב האתרים מסתמכים על תכונות מזהה על האלמנט שזקוק לסמן "אתה כאן", אך יש המשתמשים גם בתכונה class. עם זאת, בכל מאפיין שתשתמשו בו, עליכם לעשות הרבה עבודה נוספת לכל עמוד שמכיל את הניווט, להוסיף ולהסיר את המאפיין מהאלמנטים הנכונים.
באמצעות קישור מציין מיקום, אתה יכול לכתוב את הניווט שלך ככל שתרצה, ואז פשוט להסיר את מאפיין href מהקישור המתאים כשאתה מוסיף את הניווט לדף. לפיתוח, טיפ מהיר לעזור הוא לאחסן את כל רשימת הניווט כקטע קוד בעורך שלך, אז זה רק הדבקת העתקות מהירה. לאחר מכן תוכל פשוט למחוק את ה- href. אתה יכול גם לגרום למערכת ניהול התוכן שלך (CMS) לעשות את אותו הדבר.
קישורי מציין מיקום סטיילינג
קישורי מציין מיקום קלים לעיצוב ולעיצוב שונה משאר הקישורים בדף האינטרנט שלך. כל שעליך לעשות הוא להקפיד לעצב גם את התג וגם את התג קישור:. לדוגמה:
a {
צבע אדום;
מודגש;
קישוט טקסט: אין;
}
קישור {
צבע כחול;
משקל גופן: רגיל;
קישוט טקסט: קו תחתון;
}
זֶה CSS יהפוך קישורי מצייני מיקום מודגשים ואדומים, ללא קו תחתון. קישורים רגילים יהיו במשקל תקין, כחולים ומודגשים.
זכור לאפס כל אחד מהם סגנונות אתה לא רוצה שיעבירו אותך מהתג. לדוגמה, משקל הגופן מוגדר מודגש עבור קישורי מציין המיקום, כך שקישורים סטנדרטיים תצטרכו להגדיר אותו ל:
משקל גופן: רגיל;
הדבר נכון גם עם ה- קישוט טקסט. על ידי הסרתו באמצעות הבורר, הוא היה מוסר עבור בורר הקישורים אם לא היינו מחזירים אותו.