כתובות יחסיות
אנו נשתמש בתיקיה ובקבצים של דף הבית שלך על מנת להדגים את ההבדל בין כתובת אינטרנט יחסית ומוחלטת. פתח את תיקית דף הבית שלך:
1. פתח תיקיה חדשה בתוך תיקית דף הבית וקרא לה "gif".
2.
בתוך תיקיית דף הבית עם שם בררת המחדל "next.gif" על ידי לחיצה על הכפתור הימני של העכבר מעל לדמות, בחירה ב-"שמור תמונה בשם" ובחירת תיקיית דף הבית כמקום האיחסון בתיבת הדו-שיח המוצגת.
3.
בתוך תיקיית "gifs" שיצרת בתוך תיקיית דף הבית שוב בשם "next.gif" (שים לב: קרא את ההוראות בזהירות, הקובץ הזה ישמר בתיקיה שונה מהקובץ בצעד הקודם!).
4. פתח את קוד המקור של דף הבית שלך INDEX.HTML בעזרת העורך והכנס את קוד ה HTML הבא במקום מתאים:
<h2> דוגמאות לכתובות מוחלטות ויחסיות </h2>
לתמונה זו כתובת מוחלטת של next.gif:
<p>
<img src="../home_page_dir/gifs/next.gif">
<p>
זו אותה תמונה עם הכתובת היחסית של next.gif
<p>
<img src="next.gif">
<p>
(בשורה הרביעית הנקודותיים מסמלות את הנתיב במחשב שלך אל ספריית דף הבית.)
עכשיו פתח את דף הבית מחדש בעזרת הדפדפן. אתה צריך לראות משהו דומה ל:
דוגמאות לכתובות מוחלטות ויחסיות
לתמונה זו כתובת מוחלטת של next.gif
זו אותה תמונה עם הכתובת היחסית של next.gif
דוגמאות יסודיות אלו מראות את ההבדל בין כתובות יחסיות ומוחלטות ואיך ליישם כתובות יחסיות לשני המקרים הפשוטים והשכיחים היכן שהקובץ הנפנה נמצא באותה ספריה כמו קובץ ה-HTML (כמו בדוגמא next.gif), או בתת ספריה מיידית של קובץ ה-HTML. כפי שהערנו לעיל, בדרך כלל רצוי להשתמש בכתובת יחסית בדפי הרשת שלך על מנת להגדיל ניידות.