מה זה חיתוך צף
התקן היום בחיתוך אתרים הוא חיתוך אתרים מבוססים דיווים (DIV), המכונה "חיתוך צף" (Float Layout) להבדיל מחיתוך אתרים מבוסס טבלאות אשר היה נהוג בעבר.
היתרונות בחיתוך צף על חיתוך מבוסס טבלאות רבים וברורים:
- קלות בעדכונים ושינויים
ללא כל ספק, היתרון הגדול והמשמעותי ביותר של חיתוך צף היא הקלות שבה ניתן לשנות את הזרימה של העמוד, להוסיף ולהסיר אלמנטים מעמוד וכו'. מכיוון שבבסיסו חיתוך צף הינו אלסטי, וכל אלמנט שבו צף בחלל העמוד ביחס לאלמנטים האחרים, אך עצמאי לחלוטין, אפשר בשניות להפוך את הכיוון של העמוד כולו, להוסיף או להוריד אזורים שלמים בעמוד ועוד.
- קוד נקי, קל ונגיש
חיתוך צף מבוסס על הפרדת הקוד העיצובי (STYLE) מהקוד של מבנה האתר (MARKUP) על ידי שימוש בקובץ הגדרות חיצוני המכונה CSS. שימוש בקצבי CSS וחיתוך צף מקטין באופן אדיר את אורך הקוד של האתר, ובכך למעשה יוצר אתרים קלים יותר במשקל, מהירים יותר, קריאים ואפקטיביים יותר.
- יתרונות SEO
בשל השימוש בפחות תגיות ופחות הגדרות עיצוביות בתוך קוד העמוד עצמו, הקוד הסופי של האתר קצר יותר וקריא הרבה יותר, ובכך נגיש יותר למנועי החיפוש אשר יכולים למצוא בו את התכנים הרלוונטיים לקידום האתר ביתר קלות ובלא מאמץ. מנועי החיפוש מאד אוהבים כשמקלים על עבודתם, ולכן שימוש בחיתוך צף תיקני עוזר בלא כל ספק בקידום האתר במנועי חיפוש.
- לזה התכוון המשורר
חשוב לא פחות - חיתוך צף עושה שימוש נכון בתגיות השונות למטרתן המקורית. טבלאות, כשמן כן הן, נועדו להצגת מידע טבלאי בשורות ועמודות. השימוש בטבלאות לחיתוך אתר ולהצגת מבנה גרפי הכולל תפריטים, קוביות טקסט, תמונות וכו', הינה שימוש לא נכון בתגיות ונוגד את מטרתן המקורית, בעוד השימוש בתגיות כגון DIV (מכולה), P (פיסקה), OL (רשימה ממוספרת), UL (רשימה לא ממוספרת) וכו' היא תיקנית, ועושה בתגיות שימוש למטרה לה הן נוצרו.
התוצאה היא קוד ברור יותר, תואם יותר לדפדפנים השונים כמו גם לתוכנות שונות (כגון WORD, OUTLOOK וכו'), וברור יותר למנועי החיפוש.
- מידע נוסף
רוצים לקרוא עוד בנושא? להלן מספר מאמרים ואתרים המבליטים את היתרונות לחיתוך צף:
וויקיפידיה: חיתוך אתרים ללא טבלאות
מאמר: לזרוק את הטבלאות מהאתר