ความแตกต่างระหว่าง TH กับ TD HTML Table Tags คืออะไร?

ตารางได้รับการลงโทษที่ไม่ดีในการออกแบบเว็บ หลายปีมาแล้วตาราง HTML ถูกใช้สำหรับรูปแบบซึ่งเห็นได้ชัดว่าไม่ใช่สิ่งที่พวกเขาตั้งใจไว้ เนื่องจาก CSS ได้รับความนิยมในรูปแบบของเว็บไซต์จึงทำให้แนวคิด "ตารางไม่ดี" ขึ้น แต่น่าเสียดายที่คนจำนวนมากเข้าใจผิดว่านั่นหมายความว่าตาราง HTML ไม่ดีตลอดเวลา นั่นไม่ใช่กรณีที่ทั้งหมด ความจริงก็คือตาราง HTML ไม่ดีเมื่อใช้เพื่อวัตถุประสงค์อื่นนอกเหนือจากวัตถุประสงค์ที่แท้จริงซึ่งหมายถึงการแสดงข้อมูลแบบตาราง (สเปรดชีตปฏิทิน ฯลฯ ) หากคุณกำลังสร้างเว็บไซต์และมีหน้าเว็บที่มีข้อมูลแบบตารางนี้คุณไม่ควรลังเลที่จะใช้ตาราง HTML บนหน้าเว็บของคุณ

หากคุณเริ่มต้นสร้างไซต์ในช่วงหลายปีตั้งแต่ตาราง HTML สำหรับการจัดวางไม่เป็นที่นิยมคุณอาจไม่คุ้นเคยกับองค์ประกอบที่ทำขึ้นในตาราง HTML คำถามหนึ่งที่หลายคนมีเมื่อพวกเขาเริ่มมองไปที่มาร์กอัปของตารางคือ:

"อะไรคือความแตกต่างระหว่าง และ แท็กตาราง HTML?"

แท็กคืออะไร?

แท็ก หรือ "ข้อมูลตาราง" สร้างเซลล์ตารางภายในแถวของตารางในตาราง HTML นี่คือแท็ก HTML ที่มีข้อความและรูปภาพ โดยทั่วไปนี่คือแท็ก workhouse ของตารางของคุณ แท็กจะมีเนื้อหาของตาราง HTML

แท็กคืออะไร

แท็ก หรือ "ส่วนหัวของตาราง" คล้ายกับ ในหลาย ๆ ด้าน อาจมีข้อมูลชนิดเดียวกัน (แม้ว่าคุณจะไม่ใส่ภาพใน ) แต่จะกำหนดว่าเซลล์นั้นเป็นส่วนหัวของตาราง

เว็บเบราเซอร์ส่วนใหญ่เปลี่ยนน้ำหนักตัวอักษรให้เป็นตัวหนาและให้ความสำคัญกับเนื้อหาในเซลล์ แน่นอนคุณสามารถใช้สไตล์ CSS เพื่อสร้างส่วนหัวตารางเหล่านี้รวมทั้งเนื้อหาในแท็กของคุณดูวิธีที่คุณต้องการให้ปรากฏบนหน้าเว็บที่แสดงผล

เมื่อไหร่ที่คุณควรใช้ & lt; th & gt; ไม่ใช่ & lt; td & gt;

แท็ก ควรใช้เมื่อคุณต้องการกำหนดเนื้อหาในเซลล์เป็นส่วนหัวของคอลัมน์หรือแถวนั้น เซลล์ส่วนหัวของตารางมักจะพบที่ด้านบนสุดของตารางหรือด้านข้างโดยทั่วไปส่วนหัวที่ด้านบนของคอลัมน์หรือส่วนหัวไปทางซ้ายหรือจุดเริ่มต้นของแถว ส่วนหัวเหล่านี้ใช้เพื่อกำหนดว่าเนื้อหาด้านล่างหรือด้านข้างคือทำให้ตารางและเนื้อหาของเนื้อหาง่ายและรวดเร็วในการอ่านและประมวลผลได้อย่างรวดเร็ว

อย่าใช้ เพื่อกำหนดสไตล์เซลล์ของคุณ เนื่องจากเบราว์เซอร์มักจะแสดงเซลล์ส่วนหัวของตารางแตกต่างกันนักออกแบบเว็บที่ขี้เกียจบางคนอาจลองใช้ประโยชน์จากสิ่งนี้และใช้แท็กเมื่อต้องการให้เนื้อหาเป็นตัวหนาและกึ่งกลาง นี้ไม่ดีด้วยเหตุผลหลายประการ:

1. คุณไม่สามารถพึ่งพาเว็บเบราเซอร์ได้จะแสดงเนื้อหาในแบบนั้นเสมอ เบราว์เซอร์ในอนาคตอาจเปลี่ยนสีตามค่าเริ่มต้นหรือทำการเปลี่ยนแปลงทั้งหมดที่เนื้อหา คุณไม่ควรพึ่งพารูปแบบเบราว์เซอร์เริ่มต้น แต่อย่างใดและไม่ควรใช้องค์ประกอบ HTML เพราะรูปลักษณ์ "ตามค่าเริ่มต้น"
2. มันไม่ถูกต้องตามหลักไวยากรณ์ ตัวแทนผู้ใช้ที่อ่านข้อความอาจเพิ่มการจัดรูปแบบเสียงเช่น "ส่วนหัวแถว: ข้อความของคุณ" เพื่อระบุว่าอยู่ในเซลล์ นอกจากนี้เว็บแอ็พพลิเคชันบางตัวยังพิมพ์ส่วนหัวของตารางไว้ด้านบนสุดของแต่ละหน้าซึ่งจะส่งผลให้เกิดปัญหาได้หากเซลล์นั้นไม่ใช่ส่วนหัวจริง แต่ใช้แทนด้วยเหตุผลสำนวนเท่านั้น บรรทัดด้านล่างการใช้แท็กด้วยวิธีนี้อาจทำให้เกิดปัญหาการเข้าถึงได้สำหรับผู้ใช้จำนวนมากโดยเฉพาะผู้ที่ใช้อุปกรณ์ที่ได้รับความช่วยเหลือในการเข้าถึงเนื้อหาในไซต์ของคุณ
3. คุณควรใช้ CSS เพื่อกำหนดลักษณะของเซลล์การแยกลักษณะ (CSS) และโครงสร้าง (HTML) เป็นแนวทางปฏิบัติที่ดีที่สุดในการออกแบบเว็บเป็นเวลาหลายปี ใช้อีกครั้งเนื่องจากเนื้อหาของเซลล์นั้นเป็นส่วนหัวไม่ใช่เพราะคุณชอบวิธีที่เบราว์เซอร์มีแนวโน้มที่จะแสดงเนื้อหานั้นตามค่าเริ่มต้น