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