עד ש- HTML5 שוחרר, התגית דורשת מאפיין אחד: href. אבל, HTML5 עושה אפילו את המאפיין אופציונלי. כאשר אתה כותב את התג ללא תכונות כלשהן הוא נקרא קישור מציין מיקום.
קישור מציין מיקום נראה כך:
באמצעות קישורים Placeholder במהלך הפיתוח
כמעט כל מעצב אינטרנט יצר קישורים מיקום מיקום בזמן זה או אחר בעת עיצוב ובניית אתר אינטרנט. לפני HTML5, מתכנת יכתוב את הפרטים הבאים כמציין מיקום:
טקסט קישור
הבעיה בשימוש ב- hashtag (#) כקישור מציין מיקום היא שהקישור ניתן ללחיצה, והדבר עלול לגרום לבלבול עבור הלקוחות שלך. בנוסף, אם מפתח שוכח לעדכן אותם בכתובות האתרים הנכונות, קישורים אלה יציגו את אותו דף שבו המשתמש מופעל אם לוחצים עליו.
במקום זאת, עליך להתחיל להשתמש בתגים ללא תכונות כלשהן. אתה יכול לסמן את אלה כדי להיראות כמו כל קישור אחר בדף שלך, אבל הם לא יהיו ללחיצה כי הם רק מצייני מיקום.
באמצעות קישורים Placeholder באתרים חיים
קישורים Placeholder יש מקום בעיצוב אתרים עבור יותר מאשר רק פיתוח. מקום אחד שקישור מיקום יכול להאיר הוא באלמנטים ניווט. במקרים רבים, לרשימות הניווט באתר יש דרך להצביע על הדף שבו אתה נמצא. אלה נקראים לעתים קרובות "אתה כאן" אינדיקטורים.
רוב האתרים מסתמכים על תכונות id על האלמנט שזקוק לסמן "אתה נמצא כאן", אך חלק מהם משתמשים גם בתכונה class. עם זאת, כל תכונה אתה משתמש, אתה צריך לעשות הרבה עבודה נוספת על כל דף שיש לו את הניווט על זה, הוספת והסרה של תכונה מן האלמנטים הנכונים.
עם קישור מציין מיקום, תוכל לכתוב את הניווט שלך כרצונך ולאחר מכן פשוט להסיר את התכונה href מהקישור המתאים בעת הוספת הניווט לדף. עבור פיתוח, עצה מהירה לעזור היא לאחסן את רשימת הניווט כולה כקטע קוד בעורך שלך, אז זה רק עותק מהיר להדביק. לאחר מכן תוכל פשוט למחוק את href. אתה יכול גם לקבל את מערכת ניהול התוכן (CMS) לעשות את אותו הדבר.
עיצוב קישורים
קישורים Placeholder הם בסגנון קל בסגנון שונה מהקישורים האחרים בדף האינטרנט שלך. פשוט הקפד לסגנון הן את התג והן את התג: link. לדוגמה:
א {צבע: אדום; מודגש; text-decoration: none; } a: link {color: blue; משקל גופני: רגיל; טקסט-קישוט: קו תחתון; }
CSS זה יהפוך קישורים למיקום מיקום מודגש ואדום, ללא קו תחתון. הקישורים הרגילים יהיו בעלי משקל תקין, כחול עם קו תחתון.
זכור לאפס כל סגנונות שאינך רוצה שיישארו מהתג. לדוגמה, משקל הגופן מוגדר מודגש עבור קישורי המיקום, לכן תצטרך להגדיר אותו:
משקל גופני: רגיל;
עבור קישורים סטנדרטיים. כך גם עם קישוט טקסט. על ידי הסרת זה עם בורר, זה היה הוסר עבור: בורר הקישור אם אני לא לשים אותו בחזרה.
