ตอนนี้นักพัฒนาส่วนหน้ามากขึ้นเรื่อย ๆ เริ่มใช้ XHTML+CSS เพื่อแทนที่เค้าโครงตารางดั้งเดิมเพื่อให้เลย์เอาต์โดยรวมของหน้าเว็บเสร็จสมบูรณ์ซึ่งไม่เพียง แต่ลดค่าใช้จ่ายในการพัฒนาและการบำรุงรักษาเว็บไซต์ แต่ยังทำให้รหัสความหมายมากขึ้น อย่างไรก็ตามมันไม่ได้หมายความว่าตารางได้หายไปจากนี้ไป หลายคนยังคงใช้เป็นสิ่งจำเป็นสำหรับการเป็นตัวแทนข้อมูลบนหน้าเว็บเช่นรายการข้อมูลส่วนบุคคล ฯลฯ ในความเป็นจริงการใช้ HTML DL, DT และ DD Tags จะช่วยให้คุณประหยัดรหัสมากขึ้นและทำให้รหัสสอดคล้องกับความหมายของเนื้อหา แน่นอนว่าตารางยังมีการใช้งานนั่นคือตารางข้อมูลที่มีข้อมูลจำนวนมาก แต่รายการข้อมูลขนาดเล็กและรูปแบบสามารถหลีกเลี่ยงได้อย่างสมบูรณ์!
หากคุณยังคงใช้ตารางแบบดั้งเดิมเพื่อสร้างรายการข้อมูลโปรดดูว่าการใช้แท็ก HTML DL, DT และ DD ทำให้งานของคุณง่ายขึ้นอย่างไร ...
รายการข้อมูลตาราง
รหัสรายการข้อมูลของตารางแบบดั้งเดิมแสดงอยู่ด้านล่าง เราจำเป็นต้องเพิ่มแท็ก TR ในแต่ละแถวจากนั้นเพิ่มแท็ก TD ลงในชื่อและข้อมูล เนื่องจากแท็กเป็น TD หากคุณต้องการเพิ่มสไตล์คุณต้องเพิ่มแอตทริบิวต์คลาสในแต่ละ TD
คัดลอกรหัส