כיצד להקצות כראוי ולהשתמש ב- HTML עוגן?

מחשבים

היום הנושא לדיון יהיה עוגן HTML. רכיב זה מאפשר מעברים מהירים הן בתוך הדף והן במסמכים חיצוניים. עוגנים משמשים לעתים קרובות על ידי מפתחי אינטרנט. מאז הם עוזרים לארגן אתר אינטרנט נוח עבור הקוראים. המאמר יספק תיאור מפורט של אלמנט זה ודוגמאות לשימוש יעיל.

עוגן HTML

תיאור

עוגן HTML הוא סוג של סימנייה ייחודיתדף אינטרנט. תמיד יש שם אישי משלה, אשר לא צריך לחזור על עצמו בדף אחד. המטרה העיקרית של העוגן היא לקפוץ במהירות מחלק אחד של המסמך למשנהו, למקום מסוים. יעיל במיוחד זה גורם מביא, כאשר דף האינטרנט הוא גדול. בגלל זה, משתמשים לא נוח לקרוא את התוכן של האתר. והעוגן בדף ה- HTML מאפשר מעבר מהיר.

הקצאה

כדי ליצור סימנייה כזו בדף, תוכללהשתמש בשתי שיטות שונות. הראשונה היא להשתמש בתכונה Name, ובמקרה השני, עליך להשתמש במאפיין ID. לאחר מכן, נבחן כל שיטה בנפרד. המעבר בשני המקרים מתרחש באמצעות התג a, שהתכונה שלו מכילה שם או מזהה. לדוגמה: "a href =" # footer "". הסמל # מציין לדפדפן שהקישור יעגן.

שם

המאפיין Name נוצר במיוחד כדי ליצור עוגן בדף. הערך שלה יכול להיות כל טקסט. עוגן HTML זה יכול לשמש רק יחד עם התג "a".

עוגן בדף ה- HTML

לדוגמה, אתה רוצה ליצור סימנייה ממש בסוףהדף שלך. אתה צריך לשים את התג "a =" כותרת תחתונה "" / a "בחלק הרצוי של מסמך האינטרנט. באזור אחר של הדף, עליך ליצור קישור לעוגן, לשם כך, הוסף את הערך "a href =" # footer "" link "/ a. כאשר תלחץ על פריט זה, הדפדפן יעביר אותך אוטומטית לחלק של המסמך שבו נמצאת הכרטיסייה 'כותרת תחתונה'.

מזהה

קודם כל, כדאי להזכיר כי תעודת הזהותמזהה שאין לו מטרה ישירה ליצור עוגנים. אבל זה מאפשר לך ליצור סימניות על אזור המסמך כולו מבלי ליצור קישורים נוספים. כלומר, ניתן להחיל את המאפיין ID על כל אלמנט HTML. ואז, באמצעות תווית "a", עיין בה. הנה דוגמה: האלמנט p נמצא באמצע המסמך. כדי לעבור אליו מתחילת הדף מבלי להשתמש ב- scrollbars, הוסף את המאפיין ID: "p id =" centr "" / p ". לאחר מכן, צור קישור: "a href =" # centr "" הטקסט הוא "/ a". לפיכך, אנו מקבלים גישה מהירה לכל חלק של המסמך. הערך של התכונה מזהה יכול להיות כל טקסט.

קישור עוגן HTML - -

שימוש יעיל

ב- HTML, הקישור עוגן משמש לעתים קרובות מאודבניית ניווט במסמך. לדוגמה, לדף יש כמות עצומה של מידע טקסטואלי, אשר בתורו מחולק פסקאות נפרדות או פרקים. כדי להקל על המבקרים להשתמש באתר, עליך להקצות סימניות כדי לקפוץ במהירות לחלק נפרד של המסמך. לשם כך, בכל פרק אנו יוצרים קישור עוגן, או משתמשים במזהים מזהים. ומהראש נעשה סרגל ניווט עם התוכן של כל הקישורים. עובדה מעניינת היא שאתה יכול להתייחס עוגנים מדפי אינטרנט אחרים. זה מספיק כדי להוסיף את הערך של תכונות שם או מזהה בסוף הקישור. אל תשכח להוסיף את הסמל #. סכימה במקרה זה צריך להיראות כך: הקישור הראשי # שם (מזהה).

מסקנה

עוגן HTML הוא מאוד שימושי בחלקמקרים, אפילו את האלמנט הדרוש. במאמר זה הצגתי רק דוגמה אחת לשימוש יעיל. אבל למעשה, זה סוג של סימניות ניתן להשתמש במצבים רבים. העיקר הוא להבין את הרעיון העיקרי שלהם.