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