במסגרת השאיפה להתאים את האתר לתצוגה מיטבית בכל דפדפן, אחת הפעולות שיש לבצע היא וידוא שכל תגיות הטקסט בעמוד הינן מסוג div.
חשוב לציין שביצוע ההחלפה כרוך בעבודה מול קוד הHTML, במידה ולא מבינים בקוד, רצוי להיעזר באיש מקצוע. כמו כן, תמיד מומלץ לבצע את השינוי הממשי בעמוד נפרד או נסתר כדי לא להשפיע על תצוגת האתר, במידה וההחלפה תתבצע בצורה לא תקינה.
מדוע בעצם חשוב לבצע את ההחלפה?
תגיות p – פסקה, paragraph – הן התגיות המקובלות לכתיבת טקסט, עוד מימיו הראשונים של האינטרנט. לאחרונה, דפדפנים שונים התחילו לבצע שינויים באופן התצוגה של תגיות כאלה. קפיצות שורה, רווחים מיותרים והזזות הם רק חלק מההבדלים שהשינויים האלה גורמים. לדוגמא, קפיצת שורה שנגרמת עקב תגית p לא תיראה באקספלורר 7, אך תיראה באקספלורר 8.
במקביל, קיימת תגית בשם div – מחלקה, division – שתפקידה דומה, לאגד תכנים וטקסט, אך היא לא הושפעה משינויים בדפדפנים ולכן במקרים רבים כדאי לנסות לבצע את ההחלפה.
למה המערכת לא מכניסה טקסטים בתגיות div מראש?
באופן עקרוני – התשובה לכך היא תקנים. מכיוון שפסקה היא התגית המקובלת לפי התקנים לאיגוד טקסט, המערכת עומדת בתקנים אלו. מרבית עורכי הHTML, ואף מעבדי התמלילים דוגמת וורד, עדיין מכניסים קוד עם תגיות פסקה. כל עוד לא הוגדר שתכנים מוכנסים עם תגיות div, כל מערכות עריכת עמודי האינטרנט ימשיכו להכניס תגיות p.
איך מבצעים את ההחלפה בפועל?
ראשית, נפתח את פנקס הרשימות המובנה של החלונות. מדובר בעורך טקסט בסיסי שבו פעולת ההחלפה הינה פשוטה במיוחד.
נוכל לגשת אליו דרך תפריט התחל (Start) - הפעלה (Run) - רישום הפקודה notepad ולחיצה על ENTER או דרך תוכניות – עזרים (המיקום בתפריטים תלוי בגרסת מערכת ההפעלה).
לאחר שפתחנו את פנקס הרשימות, נדביק לתוכו את הקוד. נעשה זאת על ידי סימון כל הקוד בעמוד (ניגש לקוד ממצב עריכה >> כפתור "מקור" ), העתקתו והדבקתו בפנקס הרשימות. ניתן לסמן את כל הקוד על ידי לחיצה על CTRL+A בממשק העריכה, והעתקה-הדבקה ניתן לעשות על ידי תפריט מקש העכבר הימני או CTRL+C/CTRL+V בהתאמה.
לאחר שכל הקוד מודבק בפנקס הרשימות, נבצע את ההחלפה. נבחר בעריכה (Edit) ואז בהחלפה (Replace).
לחילופין ניתן ללחוץ CTRL+H. בשלב הראשון נרשום בשדה העליון <p ובשדה התחתון <div ונלחץ החלף הכל (Replace All).
בשלב השני נחליף את כל תגיות הסגירה על ידי רישום </p>בשדה העליון ו</div> בשדה התחתון. נלחץ על החלף הכל (Replace All).
הסיבה שלא סגרנו את התגיות במקרה הראשון היא האפשרות שישנן הגדרות נוספות באותה השורה, בהן לא נרצה לפגוע.
לאחר ששתי ההחלפות בוצעו, נעתיק את הקוד החדש מפנקס הרשימות ונדביק אותו בחזרה ב"מקור". נדאג לבצע שמירה כדי לשמור את השינויים שבוצעו.