לוגו felix007

אז למה בעצם טבלאות (Tables) זה דבר רע לאתר?

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

‏‫

<table>

מדוע בוני אתרים משתמשים בטבלאות?

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

כל זה היה לפני בואו של ה-css

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

למה זה רע להשתמש עם טבלאות באתרים?‬

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

סיבות נוספות למה טבלאות הם דבר רע לעמוד אינטרנט

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

אז אם לא טבלאות איך כותבים עמודי אינטרנט?

היום כוווווולם משתמשים ב-css שזו בעצם השפה הנכונה והגמישה ביותר להצגת דפים באינטרנט
היא גמישה לעיצוב בגלל שהמבנה של העמוד והתוכן (html) נמצאים בקובץ שונה מהמראה והעיצוב (css).
ניתן ללמוד אותה בקלות אונליין ובחינם
פה – http://www.w3schools.com/css/
פה- http://www.cssbasics.com/
ופה – http://www.htmldog.com/guides/cssbeginner/

אז יש סיבות להשתמש בטבלאות?

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

http://phrogz.net/JS/Filterlicious/index.html

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

אלה שתי הסיבות העיקריות למה עדיין משתמשים בטבלאות ולא סוקלים אותן באבנים.

‏‫

תוכנות אונליין ליצירת טבלאות


אם אין ברירה וחייבים להשתמש בטבלאות (בגלל 2 הסיבות שכתבתי למעלה) אז הנה כמה אתרים שמקלים על הבנייה שלהם
נוח במיוחד לאנשים שלא מכירים קוד html
‏‫http://tableizer.journalistopia.com/
‏‫http://tablegen.nfshost.com/‬
‏‫http://www.quackit.com/html/html_table_generator.cfm

‏‫

<table/>

נגישות