และเมื่อต้องการใช้ข้อที่ ASIDE และ DIV
องค์ประกอบ HTML5 SECTION ใหม่อาจทำให้เกิดความสับสน หากคุณเคยสร้าง เอกสาร HTML ก่อน HTML5 มีโอกาสที่คุณใช้องค์ประกอบนี้อยู่แล้วเพื่อสร้างหน่วยงานโครงสร้างภายในหน้าเว็บของคุณและจัดรูปแบบหน้าเว็บด้วย ดังนั้นจึงอาจดูเหมือนเป็นเรื่องธรรมดาที่จะแทนที่ส่วนประกอบ DIV ที่มีอยู่ของคุณด้วยองค์ประกอบของ SECTION แต่นี่เป็นเทคนิคที่ไม่ถูกต้อง ดังนั้นถ้าคุณไม่เพียงแค่เปลี่ยนองค์ประกอบ DIV ด้วยองค์ประกอบส่วนคุณใช้พวกเขาอย่างถูกต้องได้อย่างไร?
ส่วนองค์ประกอบเป็นองค์ประกอบความหมาย
สิ่งแรกที่ต้องทำความเข้าใจก็คือส่วนของ SECTION เป็นองค์ประกอบ ความหมาย ซึ่งหมายความว่าจะให้ความหมายแก่ทั้งผู้ใช้และมนุษย์เกี่ยวกับเนื้อหาที่แนบอยู่โดยเฉพาะส่วนของเอกสาร
นี้อาจดูเหมือนคำอธิบายความหมายทั่วไปมากและเป็นเพราะเป็น มี องค์ประกอบ HTML5 อื่น ๆ ที่ให้ความแตกต่างทางความหมายกับเนื้อหาของคุณมากขึ้นซึ่งคุณควรใช้ก่อนที่จะใช้องค์ประกอบเซ็ต:
- บทความ
- นอกเหนือ
- นำทาง
ใช้ ELEMENT SECTION เมื่อใด
ใช้องค์ประกอบ ARTICLE เมื่อเนื้อหาเป็นส่วนที่เป็นอิสระของไซต์ที่สามารถยืนอยู่คนเดียวและได้รับการเผยแพร่เช่นบทความหรือโพสต์บล็อก ใช้องค์ประกอบ ASIDE เมื่อเนื้อหาเกี่ยวข้องกับเนื้อหาของหน้าเว็บหรือไซต์เองเช่นแถบด้านข้างคำอธิบายประกอบเชิงอรรถหรือข้อมูลไซต์ที่เกี่ยวข้อง ใช้องค์ประกอบ NAV สำหรับเนื้อหาที่นำทาง
องค์ประกอบเซ็ตเป็นองค์ประกอบความหมายทั่วไป คุณใช้เมื่อไม่มีองค์ประกอบคอนแท็กความหมายอื่น ๆ มีความเหมาะสม คุณใช้เพื่อรวมส่วนของเอกสารเข้าด้วยกันเป็นหน่วยที่แยกออกจากกันซึ่งคุณสามารถอธิบายได้ว่าเกี่ยวข้องกันบ้าง ถ้าคุณไม่สามารถอธิบายองค์ประกอบในส่วนหนึ่งหรือสองประโยคได้คุณอาจไม่ควรใช้องค์ประกอบ
แต่คุณควรใช้องค์ประกอบ DIV องค์ประกอบ DIV ใน HTML5 เป็นองค์ประกอบคอนเทนเนอร์ที่ไม่มีความหมาย หากเนื้อหาที่คุณพยายามจะรวมกันไม่มีความหมายทางความหมาย แต่คุณยังต้องรวมการจัดรูปแบบองค์ประกอบ DIV เป็นองค์ประกอบที่เหมาะสมที่จะใช้
องค์ประกอบของ SECTION ทำงานอย่างไร
ส่วนของเอกสารของคุณสามารถปรากฏเป็นที่เก็บด้านนอกสำหรับบทความและองค์ประกอบ ASIDE นอกจากนี้ยังสามารถมีเนื้อหาที่ไม่ได้เป็นส่วนหนึ่งของ ARTICLE หรือ ASIDE องค์ประกอบส่วนนอกจากนี้ยังสามารถดูได้จากบทความ ARTS หรือ ASIDE คุณสามารถจัดกลุ่มเพื่อระบุว่ากลุ่มเนื้อหาหนึ่งกลุ่มคือกลุ่มของกลุ่มเนื้อหาอื่นซึ่งเป็นส่วนของบทความหรือหน้าเว็บโดยรวม
องค์ประกอบ SECTION สร้างรายการภายในเค้าร่างของเอกสาร ดังนั้นคุณควรมีส่วนหัว (H1 ถึง H6) เป็นส่วนหนึ่งของส่วนนี้ ถ้าคุณไม่สามารถสร้างชื่อของส่วนนี้ได้อีกแล้วองค์ประกอบ DIV อาจเหมาะสมกว่า โปรดจำไว้ว่าหากคุณไม่ต้องการให้ชื่อส่วนปรากฏบนหน้าเว็บคุณสามารถทำหน้ากากด้วย CSS ได้เสมอ
เมื่อไม่ใช้องค์ประกอบของส่วน
นอกเหนือจากคำแนะนำข้างต้นเพื่อใช้องค์ประกอบความหมายที่เฉพาะเจาะจงมากขึ้นก่อนแล้วมีพื้นที่หนึ่งที่ชัดเจนซึ่งคุณไม่ควรใช้องค์ประกอบ SECTION: สำหรับสไตล์เท่านั้น
กล่าวคือหากเหตุผลเพียงอย่างเดียวที่คุณใส่องค์ประกอบในสถานที่นั้นคือการแนบคุณสมบัติสไตล์ CSS คุณไม่ควรใช้องค์ประกอบส่วน ค้นหา องค์ประกอบทางความหมาย หรือใช้องค์ประกอบ DIV แทน
ในที่สุดก็อาจไม่สำคัญ
ความยากลำบากในการเขียนความหมาย HTML คือสิ่งที่เป็นความหมายสำหรับฉันอาจเป็นเรื่องไร้สาระที่สุดสำหรับคุณ ถ้าคุณรู้สึกว่าคุณสามารถปรับใช้ส่วน SECTION ในเอกสารของคุณได้คุณควรใช้ เอเจนต์ผู้ใช้ส่วนใหญ่ไม่สนใจและจะแสดงหน้าเว็บตามที่คุณอาจคาดหวังไม่ว่าคุณจะจัดรูปแบบ DIV หรือ SECTION
สำหรับนักออกแบบที่ชอบความถูกต้องด้านความหมายการใช้องค์ประกอบส่วนในวิธีที่ถูกต้องเป็นส่วนสำคัญเป็นสิ่งสำคัญ สำหรับนักออกแบบที่ต้องการเพียงแค่หน้าเว็บทำงานก็ไม่สำคัญ ผมเชื่อว่าการเขียน HTML ที่มีความหมายถูกต้องคือการปฏิบัติที่ดีและช่วยให้หน้าเว็บมีการป้องกันที่ดีขึ้นในอนาคต แต่ในท้ายที่สุดก็ขึ้นอยู่กับคุณ