เกิดอะไรขึ้นกับแท็กตาราง HTML

ฉันเริ่มโค๊ด HTML ในปี 1998 และในเวลานั้นฉันใช้แท็กตารางจำนวนมากเล่นกับ tr และ td ฉันเรียนรู้หลาย ๆ อย่างเกี่ยวกับการวิเคราะห์ซอร์สโค้ดของพอร์ทัลหลายแห่งบนอินเทอร์เน็ตด้วย notepad และ Microsoft FrontPage หลัง, aw, กี่ตารางซ้อนกันคนอื่นมันสนุกฉันรักเวลานั้น

อย่างไรก็ตามฉันละทิ้งการเขียนโปรแกรมเว็บเป็นเวลาเกือบเจ็ดปีและในปีนี้ฉันตัดสินใจที่จะดูว่าการเขียนโปรแกรมเว็บเป็นอย่างไรในวันนี้ ดูเหมือนว่าจะแตกต่างอย่างสิ้นเชิงเนื่องจากไซต์ส่วนใหญ่ไม่ใช้แท็กตารางและใช้แท็ก div และ span แทน

ทำไมสิ่งนี้ถึงเกิดขึ้น แท็กใหม่เหล่านี้คืออะไรและทำไมไม่มีการใช้แท็กตารางอีกต่อไป

World Wide Web Consortium (W3C)พัฒนาแรกCascading Style Sheets เปคในเดือนธันวาคมของปี 1996 การ Cascading Style Sheets (CSS)ได้ตั้งแต่รุนแรงพัฒนาและทำแยกเนื้อหา HTML จากข้อมูลที่นำเสนอทั่วไปมากขึ้นในหมู่เว็บไซต์ยอดนิยม

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

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

12 บทเรียนสำหรับผู้ที่กลัว CSS และมาตรฐานบทความ (ตีพิมพ์ในปี 2006) ในรายการนอกเหนือและทบทวนการของ W3C CSS ภาพรวมอาจจะเป็นที่ที่ดีจุดเริ่มต้นถ้าคุณต้องการที่จะจับขึ้นในการเปลี่ยนแปลงจากรูปแบบตารางตามไป CSS

โดยไม่คำนึงถึงประวัติศาสตร์ทั้งหมดของการพัฒนาเว็บ dev ...
ตารางไม่เคยมีความหมายสำหรับการทำเค้าโครงหน้ากระดาษ นี่เป็นบิตที่สำคัญที่สุด การใช้สิ่งเหล่านี้เป็นวิธีการแก้ปัญหาที่เกิดจากเทคโนโลยีในเวลานั้นทั้งรายละเอียดที่ไม่สมบูรณ์และเบราว์เซอร์ที่ไม่สามารถใช้งานได้ ในที่สุดปัญหาเหล่านั้นได้รับการแก้ไข (ส่วนใหญ่) และตอนนี้ก็ไม่จำเป็นอีกต่อไป

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

ตารางยังคงอยู่ในข้อมูลจำเพาะ html แต่ควรใช้เพื่อแสดงข้อมูลในรูปแบบตาราง! (แม้ว่ามาร์กอัปของตารางมีการพัฒนาค่อนข้างบ้างโดยมีป้ายชื่อคอลัมน์และกลุ่มค่อนข้างง่ายต่อการใช้ในแบบที่สมเหตุสมผล)

หากคุณมีรูปภาพและเนื้อหาข่าวที่คุณต้องการเขียนสำหรับหน้าเว็บคุณควรหลีกเลี่ยงตารางด้วยเหตุผลที่คนอื่น ๆ ตอบคำถามนี้ไว้

หากคุณต้องการที่จะแสดงบัญชีเดือนในหน้าโดยวิธีทั้งหมดคุณควรจะใช้ตารางในการทำเช่นนี้

ไม่ใช่สักสองสามปีก่อน (และถ้าคุณสนับสนุน IE 6) ตารางเป็นตัวเลือกที่ดีที่สุดในการยืนยันรูปแบบเดียวกันสำหรับเบราว์เซอร์ทั้งหมด

เฟรมเวิร์กที่ปฏิเสธที่จะใช้ตารางในการทำเลย์เอาต์เช่น Ext สิ้นสุดการคำนวณมิติแบบไดนามิกผ่านการเปลี่ยนสไตล์ในการปรับขนาด

ตารางยังคงใช้เป็นพื้นฐานสำหรับเค้าโครงตารางในกรอบงานต่าง ๆ (Icefaces เช่น)

ฉันยังคงใช้มันอย่างลับ ๆ

สิ่งสำคัญที่สุดคือพวกเขาจะยังคงอยู่ใน HTML5: http://www.w3schools.com/html5/tag_table.asp ดังนั้นจึงปลอดภัยอย่างสมบูรณ์ที่จะใช้พวกเขาสำหรับความต้องการเลย์เอาต์

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

ฉันไม่ได้ใช้แฮ็กสกปรกเสมอไป แต่เมื่อใดที่ฉันจะชอบแฮ็กที่จะมีอายุการใช้งานสิบปี