วันนี้เพื่อนใน MSN ถามฉันเกี่ยวกับหัวข้อนี้ จู่ๆ ฉันก็นึกขึ้นได้ว่าในฟอรั่ม มีคนโพสต์คำถามเกี่ยวกับการใช้ตาราง DIV และ TABLE ที่นี่ ฉันต้องการเรียงลำดับความคิดของฉัน
เกี่ยวกับ
การใช้
ตารางหลังจากมาตรฐานแล้วไม่ได้หมายความว่าไม่รวมการใช้ตาราง บทความเกี่ยวกับเค้าโครง CSS อาจเป็นไปได้ว่าทุกคนมีความเข้าใจที่ผิดในที่นี้ โปรดทราบว่า "การใช้ตารางสำหรับการเรียงพิมพ์" นั้น "ไม่ฉลาด" หมายความว่าเราใช้มันมาหลายปีแล้ว ตารางสำหรับการเรียงพิมพ์ ในการวิเคราะห์ขั้นสุดท้าย ตารางเป็นวิธีหนึ่งในการแสดง "ข้อมูล" คุณสามารถจินตนาการได้ว่ามีการใช้ EXCEL เพื่อจุดประสงค์นี้ บางครั้งข้อมูลจะแสดงในตารางเพื่อให้เราสามารถอ่านได้อย่างชัดเจน ดังนั้นเราจึงใช้ตาราง เช่นแบบฟอร์มติดต่อพนักงานของบริษัท ตารางโต้ตอบผลิตภัณฑ์และโมเดล เป็นต้น
ดังนั้นสิ่งที่เรียกว่า Feast of Tables จึงเพิ่มขึ้นไปอีกระดับหนึ่ง กล่าวคือ หากคุณสามารถใช้ตารางเพื่อแสดงข้อมูลลูกค้า ข้อมูลการสำรวจ และอื่นๆ ได้อย่างยืดหยุ่น ข้อมูลอย่างบริษัทวิเคราะห์ตลาดมืออาชีพก็สามารถใช้ได้จริง ข้อดีของตารางจึงถูกเปิดเผย
ดังนั้น ประโยคที่ใช้มานานจึงควรเปลี่ยนเป็น "การใช้ตารางเป็นเค้าโครงหน้าเว็บและไม่เหมาะสม องค์ประกอบหน้าเค้าโครง ตารางใช้เพื่อแสดงข้อมูล"
เกี่ยวกับองค์ประกอบอื่นๆ
ฉันจะติดตามการใช้งานของฉันที่นี่ จากประสบการณ์ องค์ประกอบบางอย่างในมาตรฐาน XHTML แบ่งออกเป็นสามหมวดหมู่หลัก:
หมวดแรกคือสิ่งที่ฉันเรียกว่าการออกแบบเค้าโครงเสริม องค์ประกอบ:
คือ
การจัดวางทั้งหน้า การใช้คุณลักษณะต่างๆ ขององค์ประกอบเหล่านี้อย่างยืดหยุ่นสามารถทำให้ประสิทธิภาพของเพจของคุณสมบูรณ์และมีสีสัน
ในที่นี้หมายถึงองค์ประกอบ TABLE, UL, PRE และ CODE ซึ่งเป็นวิธีการแสดงและจัดระเบียบข้อมูล ตัวอย่างเช่น TABLE ใช้เพื่อแสดงข้อมูลตารางอย่างชัดเจน และ UL ใช้เพื่อแสดงข้อมูลแบบเรียงเป็นแนวเมื่อคุณต้องการใช้ ตารางหรือรายการ ควรแสดงด้วยสองวิธีนี้
หมวดหมู่ที่สามหมายถึงเมตาดาต้าซึ่งมีไว้เพื่อการรับรู้ฟังก์ชันบางอย่างเท่านั้น เช่น การกรอกคีย์เวิร์ด META ด้วยคีย์เวิร์ด และการสร้างลิงก์
แนวคิดการออกแบบที่สอดคล้องกับมาตรฐานที่ถูกต้องคือ:
ใช้องค์ประกอบเค้าโครงเช่น DIV เพื่อสร้างเค้าโครงการออกแบบ การวางตำแหน่ง บล็อกสี รูปภาพ ฯลฯ ของหน้า ใช้องค์ประกอบเช่น TABLE, UL ฯลฯ เพื่อแสดงข้อมูลที่จำเป็นต้องแสดงบนหน้า , DIV ยังมีบทบาทในการจัดระเบียบข้อมูล ใช้แอตทริบิวต์ ID ของ DIV เป็นสะดวกมากที่จะใช้ DIV เป็นบล็อกข้อมูลที่คุณตั้งชื่อ
ดังนั้นการใช้มาตรฐาน WEB เพื่อสร้างเว็บไซต์จึงเป็นกระบวนการหาเหตุผลเข้าข้างตนเองและบูรณาการ ข้อมูล คุณยังสามารถใช้องค์ประกอบใดที่ควรใช้ได้ อย่าใช้ตารางเป็นเครื่องมือในการจัดวาง