מה ההבדל בין TH ו- TD HTML תגיות טבלה?

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

אם התחלת לבנות אתרים בשנים מאז טבלאות HTML עבור פריסת נפל מתוך טובה, אתה עלול למעשה לא להיות מכיר את האלמנטים המרכיבים טבלאות HTML. שאלה אחת, כי רבים מהם כאשר הם מתחילים להסתכל על סימון השולחן הוא:

"מה ההבדל בין ו- תגי טבלת HTML?"

מהו התג?

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

מהו התג

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

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

מתי עליך להשתמש & lt; th & gt; במקום

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

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

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