บทความนี้ส่วนใหญ่แนะนำรายละเอียดของความแตกต่างระหว่าง DIV, ส่วนและบทความใน HTML5 มันถูกยกมาจาก W3C และแสดงรายการด้วยตัวอย่างรหัส เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
เมื่อฉันเริ่มสัมผัสกับ HTML5 ครั้งแรกฉันรู้สึกไม่สบายใจกับแท็กของมันและรู้สึกเบื่อหน่ายเล็กน้อยในจุดหนึ่ง โดยเฉพาะอย่างยิ่งสำหรับ DIV, ส่วน, แท็กบทความฉันไม่สามารถหาโอกาสที่จะใช้อะไรได้บ้าง
กลุ่มHTML Spec:
องค์ประกอบ DIV ไม่มีความหมายพิเศษเลย
แท็กนี้เป็นแท็กที่ใช้กันมากที่สุดที่เราเห็นและใช้มากที่สุด มันไม่มีความหมายและใช้เป็นเบ็ดสำหรับเค้าโครงและสไตล์หรือการเขียนสคริปต์
ส่วนHTML Spec: องค์ประกอบส่วนแสดงส่วนทั่วไปของเอกสารหรือแอปพลิเคชัน ส่วนหนึ่งในบริบทนี้เป็นการจัดกลุ่มเนื้อหาโดยทั่วไปโดยทั่วไปจะมีหัวข้อ
ตรงกันข้ามกับความหมายของ DIV เพียงส่วนหนึ่งคือ div ที่มีความหมาย แต่อย่าคิดว่ามันง่ายจริงๆ ส่วนแสดงส่วนของเนื้อหาเฉพาะที่มักจะมีชื่อเรื่อง หลังจากเห็นสิ่งนี้เราอาจคิดว่าจะไม่โพสต์บล็อกหรือความคิดเห็นแยกต่างหากนั้นถูกต้องในการใช้ส่วน? ดูต่อไป:
ผู้เขียนได้รับการสนับสนุนให้ใช้องค์ประกอบบทความแทนองค์ประกอบส่วนเมื่อมันสมเหตุสมผลที่จะรวมเนื้อหาขององค์ประกอบ
เมื่อเนื้อหาขององค์ประกอบมีความหมายมากกว่าบทความควรใช้เพื่อแทนที่ส่วน
ดังนั้นควรใช้ส่วนเมื่อใด มาดูกันเถอะ:
ตัวอย่างของส่วนจะเป็นบทหน้าแท็บต่างๆในกล่องโต้ตอบแบบแท็บหรือส่วนหมายเลขของวิทยานิพนธ์ โฮมเพจของเว็บไซต์อาจถูกแบ่งออกเป็นส่วน ๆ สำหรับการแนะนำรายการข่าวและข้อมูลการติดต่อ
สถานการณ์ทั่วไปสำหรับแอปพลิเคชันส่วนประกอบด้วยบทของบทความหน้าแท็บในกล่องโต้ตอบแท็กหรือชิ้นส่วนที่มีหมายเลขในกระดาษ หน้าแรกของเว็บไซต์สามารถแบ่งออกเป็นหลายส่วนเช่นบทนำข่าวและข้อมูลการติดต่อ ที่จริงแล้วฉันสนใจที่จะถ่ายทอดข้อมูลที่นี่มากเพราะฉันรู้สึกว่าส่วนและอาร์ทิลซ์ที่จะแนะนำด้านล่างนั้นเหมาะสมกว่าสำหรับการใช้งานแบบแยกส่วน หัวข้อนี้จะถูกกล่าวถึงในอนาคตและฉันจะข้ามไปที่นี่ในตอนนี้
โปรดทราบว่า W3C ยังเตือน:
องค์ประกอบส่วนไม่ใช่องค์ประกอบคอนเทนเนอร์ทั่วไป เมื่อจำเป็นต้องมีองค์ประกอบเพื่อจุดประสงค์ในการจัดแต่งทรงผมหรือเป็นความสะดวกสำหรับการเขียนสคริปต์ผู้เขียนจะได้รับการสนับสนุนให้ใช้องค์ประกอบ DIV แทน กฎทั่วไปคือองค์ประกอบส่วนมีความเหมาะสมเฉพาะในกรณีที่เนื้อหาขององค์ประกอบจะถูกระบุไว้อย่างชัดเจนในโครงร่างของเอกสาร
ส่วนเป็นมากกว่าแท็กคอนเทนเนอร์ปกติ เมื่อแท็กเป็นเพียงการจัดแต่งทรงผมหรือใช้งานง่ายในสคริปต์ควรใช้ DIV โดยทั่วไปส่วนจะใช้เมื่อเนื้อหาองค์ประกอบปรากฏขึ้นอย่างชัดเจนในโครงร่างเอกสาร
XML/HTML รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด