1. כיצד ליצור קישור במסמך HTML. תגית A - תחביר ותכונות
2. כתובת אתר או "כתובת" של דף באינטרנט
3. <A> ואת התחביר הבסיסי שלה
4. התייחסות מוחלטת יחסית
5. קישור יחסי לספרייה גבוה יותר מאשר הנוכחי
6. תכונות של התג <A>. כיצד לפתוח מסמך באמצעות הפניה בחלון חדש
7. קישור כותרת. מאפיין הכותרת עבור התג <A>
8. היפר-קישור של תכונה. לאסור את העברת "אמון" של האתר על ידי הפניה
9. קישור פנימי או עוגן בתוך המסמך
10. קישור עוגן - תמונה
11. המשך

כיצד ליצור קישור במסמך HTML. תגית A - תחביר ותכונות

הפניות (או היפר-קישורים) חודרות לאינטרנט כמו כלי דם. אם לא היו קישורים, לא היה שום אינטרנט.

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

כתובת אתר או "כתובת" של דף באינטרנט

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

לעתים קרובות ניתן לראות את מבנה כתובת האתר בשורת הכתובת של הדפדפן. הוא כולל:

1. שם הפרוטוקול הוא http: // או https: //
2. תחום האתר
3. התיקייה או הנתיב אל התיקיה שבה נמצא המסמך,
4. שם הקובץ (לא תמיד יכול להיות).

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

<A> ואת התחביר הבסיסי שלה

אני מקווה שהמילה "תחביר" כבר לא מפחידה אותך

כפי שניתן לראות, לאחר תחילת התג <A>, חייבת להיות תכונה href חובה שמציינת את כתובת המסמך שאליו ברצונך לעבור.

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

התייחסות מוחלטת יחסית

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

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

דוגמה: קישור מהמסמך first.html מוביל לקובץ second.html, שנמצא בתיקיית החדשות.

קישור יחסי לספרייה גבוה יותר מאשר הנוכחי

קוד:

קישור זה מוביל לקובץ first.html בספריה "האב", כלומר. רמה אחת למעלה .

השילוב ... / מציין תיקיה רמה אחת למעלה ממיקום נתון של הקובץ שממנו הקישור נעשה.

תכונות של התג <A>. כיצד לפתוח מסמך באמצעות הפניה בחלון חדש

כדי שהמסמך ייפתח בכרטיסייה חדשה של הדפדפן, עליך להשתמש ביעד התכונה = "_ blank"

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

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

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

קישור כותרת. מאפיין הכותרת עבור התג <A>

תכונה שימושית נוספת היא title = "טקסט המסביר לאן מוביל קישור זה"

תחביר:

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

היפר-קישור של תכונה. לאסור את העברת "אמון" של האתר על ידי הפניה

יש עוד תכונה דו משמעית עבור הקישורים rel = "nofollow"

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

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

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

קישור פנימי או עוגן בתוך המסמך

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

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

בעת יצירת עוגן כזה, מאפיין name משמש לתכונה href.

התחביר ליצירת עוגן הוא:

בעת יצירת קישור, בסוף כתובת האתר להוסיף באמצעות סימן # - שם "עוגן":

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

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

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

? לראש הדף ?

ממסמך אחר, תוכל גם לצאת למקום זה, אם תוסיף בסוף כתובת האתר דרך השלט # name_

קישור עוגן - תמונה

כל תמונה יכולה להיות קישור.

קוד:

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

כדי להיפטר ממנו, כלל פשוט נוסף לקובץ CSS עבור האתר:

זוהי הוראה לעשות את אפס עובי הגבול עבור כל הקישורים התמונה.

המשך

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