השתמש בטבלאות עבור נתונים, ולא בפריסה ב- XHTML
הנתונים הטבלאיים הם פשוט הנתונים הכלולים בטבלה. ב- HTML , זהו התוכן שחי בתאי הטבלה - כלומר, מה בין תגי
השימוש הטוב ביותר בטבלה, לעומת זאת, הוא להציג את הנתונים.
לדברי W3C:
"מודל טבלת ה- HTML מאפשר למחברים לסדר טקסט-נתונים, טקסט מעוצב מראש, תמונות, קישורים, טפסים, שדות טופס, טבלאות אחרות וכו '- לשורות ועמודות של תאים".
מקור: מבוא לטבלאות ממפרט HTML 4.
מילת המפתח בהגדרה זו היא נתונים . בתחילת ההיסטוריה של עיצוב אתרים, טבלאות הותאמו בכלים כדי לעזור לפרוש ולשלוט איך ואיפה תוכן דף אינטרנט יופיע. זה יכול לפעמים לגרום לתצוגה גרועה בדפדפנים שונים, תלוי איך דפדפנים טיפל שולחנות, אז זה לא היה תמיד שיטה אלגנטית בעיצוב.
עם זאת, כמו עיצוב אינטרנט יש מתקדמים ועם כניסתו של גיליונות סגנון מדורגים (CSS) , את הצורך להשתמש בטבלאות לנהל בגסות אלמנטים עיצוב הדף נפל. מודל השולחן אינו מפותח כדרך עבור מחברי אינטרנט לתפעל את הפריסה של דף אינטרנט או לשנות איך זה ייראה עם תאים, גבולות, או צבעי רקע .
מתי להשתמש בטבלאות להצגת תוכן
אם התוכן שאתה רוצה למקם בדף הוא מידע שהיית מצפה לראות או מנוהל בגיליון אלקטרוני, אז תוכן זה יהיה כמעט בוודאות להשאיל את עצמה היטב על המצגת בטבלה בדף אינטרנט.
אם יש לך שדות כותרת בחלק העליון של עמודות נתונים או משמאל לשורות נתונים, אז זה טבלאי, ויש להשתמש בטבלה.
אם התוכן הגיוני במסד נתונים, במיוחד מסד נתונים פשוט מאוד, ואתה רק רוצה להציג את הנתונים ולא לעשות את זה יפה, ואז שולחן מקובל.
כאשר לא להשתמש בטבלאות להצגת תוכן
הימנע משימוש בטבלאות במצבים שבהם המטרה היא לא פשוט להעביר את תוכן הנתונים עצמו.
אל תשתמש בטבלאות אם:
- המטרה העיקרית של הטבלה היא למקם את התוכן בדף. לדוגמה, כדי להוסיף ריווח סביב תמונה, כדי להציב סמלי תבליטים ברשימה או כדי לאלץ קטע טקסט לפעול כמו ציטוט משיכה.
- אתה רוצה להשתמש בצבעים הרקע או תמונות פשוט כדי להגדיל את הדף ולא לקרוא את הנתונים. לדוגמה, הדגשת כל שורה אחרת של טבלה היא בסדר, אבל שינוי רק את התאים הימנית העליונה כי זה גורם להם להתאים את הרקע של הדף לא.
- אתה חותך את התמונה ולאחר מכן הצבת את התמונה חתיכות בחזרה על הדף באמצעות השולחן. זה היה נפוץ מאוד לפני כמה שנים, אבל כבר לא נחשב נכון.
אל תפחדו מלוחות
זה בהחלט אפשרי ליצור דף אינטרנט המשתמש בטבלאות מאוד יצירתיים למראה נתונים טבלאיים. טבלאות הן חלק חשוב של מפרט XHTML, ולמידה להציג נתונים טבלאיים גם הוא חלק חשוב של יצירת דפי אינטרנט.