תגי טבלאות TH ו- TD HTML

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

מה לעשות ו לַעֲשׂוֹת?

ה

 תג, או תג "נתוני טבלה", יוצר תאי טבלה בתוך שורה בטבלה בטבלת HTML. זהו תג ה- HTML המכיל טקסט ותמונות כלשהם. בעיקרון, זהו תג סוס העבודה של השולחן שלך. התגים יכילו את התוכן של טבלת ה- HTML.

ה

 תג, או "כותרת השולחן", דומה ל-  בדרכים רבות. הוא יכול להכיל אותו סוג של מידע (אם כי לא היית שם תמונה בתמונה ), אך הוא מגדיר את התא הספציפי ככותרת טבלה.

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

instagram viewer
סגנונות CSS כדי לגרום לכותרות השולחן האלה, כמו גם לתוכן התגים שלך, להיראות בכל דרך שאתה רוצה שהם יראו בדף האינטרנט המוצג.

מתי כדאי להשתמש ולא ?

ה

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

אל תשתמש לעצב את התאים שלך. מכיוון שדפדפנים נוטים להציג תאי כותרת טבלה באופן שונה, כמה מעצבי אתרים עצלים עשויים לנסות לנצל זאת ולהשתמש בתג כאשר הם רוצים שהתוכן יהיה מודגש ו מְרוּכָּז. זה רע מכמה סיבות:

  1. אינך יכול להסתמך על כך שדפדפני אינטרנט יציגו תמיד את התוכן בצורה זו. דפדפנים עתידיים עשויים לשנות את הצבע כברירת מחדל, או לבצע שינויים חזותיים כלל  תוֹכֶן. לעולם אל תסתמך רק על סגנונות דפדפן המוגדרים כברירת מחדל ולעולם אל תשתמש באלמנט HTML בגלל איך שהוא "נראה" כברירת מחדל.
  2. זה לא נכון סמנטית. סוכני משתמשים שקוראים את הטקסט עשויים להוסיף עיצוב נשמע כמו "כותרת השורה: הטקסט שלך" כדי לציין שהוא נמצא ב- תָא. בנוסף, יישומי אינטרנט מסוימים מדפיסים את כותרות הטבלה בחלק העליון של כל עמוד לגרום לבעיות אם התא אינו למעשה כותרת כי אם הוא משמש מסיבות סגנוניות רק. בשורה התחתונה - שימוש בתגיות בדרך זו עלול לגרום לבעיות נגישות עבור משתמשים רבים, במיוחד אלו המשתמשים במכשירים מסייעים לגישה לתוכן האתר שלכם.
  3. אתה צריך להשתמש CSS כדי להגדיר כיצד נראים התאים. ההפרדה בין סִגְנוֹן (CSS) ומבנה (HTML) היו שיטות עבודה מומלצות בעיצוב אתרים במשך שנים רבות. שוב, השתמש ב- כי התוכן של אותו תא הוא כותרת, לא בגלל שאתה אוהב את האופן שבו הדפדפן עשוי להציג את התוכן כברירת מחדל.
instagram story viewer