טיפים שימושיים

כיצד ליצור תמונה בקישור תמונה? כיצד להכניס קישור לתמונה

Pin
Send
Share
Send
Send


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

דוגמה 1. יצירת תמונת קישור

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

להסרת המסגרת, קבעו את תג = "0" בתגית (דוגמה 2).

דוגמה 2. הסרת המסגרת סביב התמונה

אתה יכול גם להשתמש ב- CSS כדי להסתיר את הגבול עבור כל התמונות שהן קישורים. לשם כך, השתמש במאפיין סגנון הגבול עם הערך none (דוגמה 3).

דוגמה 3. שימוש ב- CSS

מבנה ה- IMG מגדיר את ההקשר ליישום הסגנונות - רק עבור התג שנמצא בתוך המיכל. לכן ניתן להשתמש בתמונות בעתיד כרגיל.

היכן משמש קישור התמונה?

לפני שנדבר על איך ליצור תמונה בתמונה לקישור, נגלה היכן ומדוע משתמשים בהן. אחרי הכל, יהיה קל יותר להבין מה אנחנו רוצים מהתמונה.

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

הכנס את הקישור לתמונה

הדבר הפשוט ביותר הוא קישור לתמונה. על זה נדבר מלכתחילה. איור זה הוא התייחסות מוכנה. כלומר, על ידי לחיצה על תמונה כזו תופנה לדף חדש.

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

לכן, בכדי לבצע את התוכנית, תזדקקו לתמונה עצמה, שתורידו לאינטרנט או ממוקמים במחשב שלכם (תלוי אם אתם עובדים במצב מקוון, באתר עצמו או משתמשים בעורכים).

אנו מחפשים את כתובת התמונה, רשמו אותה כדי לא לשכוח. אנו גם מתקנים את הקישור שצילום זה אמור להיפתח.

ואז אנו כותבים את הדברים הבאים: התמונה היא קוד מיוחד. קישור התמונה מוגדר בדיוק בעזרתו.

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

הכנת תפריט מתוך תמונה

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

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

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

איך לעשות

בואו ננתח את השיטה הראשונה ביתר פירוט.

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

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

אם זהו אתר משלך, הגלריה הרגילה או ספריית הקבצים מתאימות, עבור VKontakte זה יכול להיות אלבום של קבוצה או קהילה (רצוי סגור).

בשלב הבא עליכם לחתוך את התמונה לחלקים, אך וודאו שזכרו את הסדר בו עוברים החלקים שהתקבלו. אנו מניחים עליהם כתובות ומעלים אותם לשרת, רשמו קישורים לכל איור.

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

מדוע עלי ליצור קישור מתמונה

א) לדוגמא, יש לך תמונה יפה של מוצר נפלא. אתה יוצר ממנו קישור, מדביק אותו למשאב ספציפי. אדם מבקר באתר זה, רואה תמונה, לוחץ עליה ונכנס לחנות המקוונת בה ממוקם מוצר זה!

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

ב) אם אתה רשום בתוכנית סניפים, יש לך אתר משלך, ובעל תוכנית השותפים לא סיפק את חומרי הפרסום הדרושים. מה לעשות במקרה זה?

מספיק להעתיק תמונות של סחורותיו, לשים צילום מסך באתר ולהפוך את התמונה לקישור. זה יהיה כמו באנר, אבל עם פחות עומס באתר. לדעתי זה מאוד נוח ויפה. במיוחד אם אתה מצייר יפה (או מכיר מישהו שיכול לצייר באנר יפה עבורך). צור קישור מתמונת הבאנר הזו ושוב, הקלילות על תמונת הבאנר הזו גדלה.

ג) הסיבה השלישית דומה לשנייה. אני חושב שלא אספר לך סוד שבגלל הבאנרים העומס באתר מוגבר משמעותית. אחרי הכל, מה הבאנר של מישהו אחר באתר שלך?

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

לדוגמה, פעם היה לי באנר סטטי של חברה ידועה באתר שלי. הבאנר היה יפהפה, עם תמונות המשתנות ללא הרף. אבל בשורה התחתונה זה באמת האט את זמן הטעינה של האתר. זמן ההורדה הגיע עד 50 שניות. זה המון!

ברגע שמחקתי את הבאנר הזה, הבלוג שלי התחיל להיטען כמה פעמים מהר יותר (האתר התחיל לטעון תוך 1.5 שניות, לא 50!)! כלומר, תוכלו ליצור צילום מסך של באנר זה, להכניס קישור למסך המסך וזמן הטעינה שלו לא יהיה כמה שניות, אלא שבריר שנייה! אם כי, כמובן, לא כל כך יפה. זה לא ישתנה, אך זמן טעינת האתר יקר יותר!

ד) אני חושב שלא אפתיע את האינטרנט. אדונים, אם אני אומר שחלק ממשתמשי הבאנרים שלך פשוט לא רואים. בדפדפני האנשים האלה יש את הסיומת "אנטי-בלוק" או "מאבטח". תוספים אלה פשוט חוסמים מודעות. כולל חלק מהבאנרים.

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

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

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

הכנת מפת אתרים

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

ראשית, זכרו שמפת האתר מחוברת לתמונה באמצעות הפקודה usemap = "# map1, שכתוב בתג img. לכן, בעת העלאת תמונה לאתר, הקפד להוסיף את החלק השני בתג - usemap =" # שם מפה ".

סימון נוסף של התמונה באזורים אליהם מחוברים הקישורים נעשה באמצעות תג זוג, אותו ניתן למקם בכל מקום שנוח לכם בין תגי זוג.

כיצד להכניס תמונה - תגי HTML Img

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

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

לעומת זאת, בעיצוב התבנית בה אתה משתמש, אותם אלמנטים משמשים גם הם באופן פעיל - הכנסת קישורים, תמונות, מכולות, רשימות (היא מוזכרת כאן), צורות וטבלאות שונות (Tr, Th, Td, Table).

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

להכנס תמונות תג ה- html Img משמש בדף. התמונה למטה מוכנסת באמצעותה:

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

הדרך המוחלטת ל- Src תתחיל ב- http://vash_sait.ru (לבלוג שלי - https://ktonanovenkogo.ru). יתר על כן, באמצעות '/' כדי להפריד בין שמות תיקיות המשנה, נכתב הנתיב המלא לקובץ התמונה, ומסתיים בסוף בשם והסיומת של הקובץ עצמו. לדוגמה, /images/kakvstavitvhtmlssilkuikartinkufoto_9F70C277.jpg

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

אם קובץ זה ממוקם באותו שרת, אך בספרייה אחרת, עליך לציין את הנתיב אליו מהספריה שאליה נמצא המסמך אליו ניגש (בדוגמה המוצגת לעיל, הנתיב היחסי משמש - image / finik.jpg) .

קבע את רוחב וגובה התמונה באמצעות תכונות רוחב וגובה

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

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

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

בעת שמירת תמונות, השתמש בפורמטים גרפיים גרפיים קומפקטיים כגון GIF (להכנסת תמונות סכמטיות) או JPG (להכנסת תמונות). רוחב וגובה, בניגוד לתכונה Src (היחידה הנדרשת בתג Img), הם אופציונליים. רבים פשוט אינם מציינים אותם, אך הם בכל זאת מאפשרים מעט להאיץ את טעינת המסמכים.

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

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

כמו כן, אם לא תציין רוחב וגובה בתוך Img, יתכן מצב שיופיע כאשר עם תמונה קטנה וטקסט חלופי ארוך מאוד (מוגדר על ידי התכונה Alt בתג Img, זה יידון להלן), לפני הטעינה הגרפית, תתרחש שינוי באופן זמני עיצוב אתרים בגלל טקסט אלטרנטיבי ארוך ייקח מקום רב ככל שהוא צריך.

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

Alt וכותרת בתג Img HTML

מנקודת המבט של אופטימיזציה למנועי חיפוש פנימיים של האתר, תכונות ה- Alt והכותרת מועילות מאוד. קרא על קידום וקידום האתר בעצמך או בפרסום "כיצד לקדם את האתר."

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

תוכן הכותרת מהרכב תג ה- Img מוצג בשורה קופצת אם המשתמש מעביר את העכבר לתמונה. שתי התכונות הללו (אם רשמת אותן) מאפשרות לך לכלול תמונות של פרויקט האינטרנט שלך בחיפוש אחר תמונות Yandex ו- Google Images. לכן, אל תזניחו הזדמנות זו והקפידו לרשום לפחות Alt. העיצוב של התמונות שלך צריך להיות כזה:

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

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

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

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

צור היפר-קישורים באמצעות תג קישור ה- HTML "A"

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

Ссылка может вести как на внутреннюю страницу вашего же ресурса (очень важный момент внутренней оптимизации связан именно с перелинковкой страниц сайта)), так и на страницу другого проекта. Html тег A является парным и, соответственно, имеет закрывающий элемент. Текст гиперссылки (анкор — тут про него подробно написано в плане способствования SEO продвижению) размещается между открывающим и закрывающим тегами «A».

Поисковые системы анализируют не только сам анкор, но и слова окружающие ее. Это следует учитывать при размещении ссылок на свой сайт на других ресурсах. Для того, чтобы она выглядела более натурально, можно часть текста вынести за пределы анкора, например:

נפתח בחלון חדש וקישור מהתמונה (תמונה)

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

למטרה למטרה זו יש פרמטר המאפשר לפתוח את הדף בחלון חדש, הנקרא _BLANK. אם יעד אינו מוגדר בתג A, הקישור ייפתח באותו חלון. דוגמה לשימוש בתכונה היעד:

שימו לב כי סדר התכונות שבתגיות אינו מוסדר בשום דרך. באותה מידה אתה יכול לכתוב:

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

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

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

יצירת עוגנים וקישורי חשיש

תכונה מעניינת נוספת היא NAME, שבעבר הייתה שימוש נרחב למדי ליצירת עוגני הקישור שנקראו, אליהם ניתן היה לגשת באמצעות קישורי ה- hash שנקראו. קצת מבלבל, אבל עכשיו אנסה להבהיר. נניח שאתה צריך התייחס למקום מסוים בטקסט של מסמך (לא בתחילתו), שם יש דיון בנושא ספציפי.

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

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

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

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

נניח לכותרת במאמר, זה עשוי להיראות כך:

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

ההיפר-קישור נוצר בדרך הרגילה, למעט שבסופו של ה- Url שכתוב ב- Href, מונח שלט לירה (שלט חד או סמל חשיש), ואחריו מגיע שם תווית העוגן שנמצאת במקום הנדרש בטקסט של המאמר.

קישור החשיש ייראה כך:

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

אם העוגן נמצא באותו מסמך HTML כמו קישור ה- hash, ניתן לציין רק את העוגן.

Pin
Send
Share
Send
Send