HTML5 <section> element – การใช้ section ใน HTML5

section อาจจะเป็น Element ที่คนทำเว็บนำมาใช้แบบผิดๆ ได้อย่างง่าย ถ้าหากทำความเข้าใจแค่ผิวเผินหรือ ดูจากชื่อของ Element เท่านั้น

หลายคนนำ section มาใช้แบ่ง แยก ส่วนของหน้าเว็บออกจากกัน ซึ่งเป็นสิ่งที่ไม่ถูกต้อง แล้วการใช้งานที่ถูกต้องหละ คืออะไร

<section></section> มีไว้เพื่อ แยก ส่วนที่แตกต่างกันของเนื้อหาที่อยู่ใน บทความ ออกจากกัน ไม่ได้มีไว้เพื่อแบ่งหน้า เช่น

หมายเหตุ: ข้อมูลด้านบน บางส่วนอ้างอิงจากบทความ 10 ความเชื่อผิดๆ ไม่สวมหมวกกันน็อค โดย นายแพทย์วิทยา ชาติบัญชาชัย

จะเห็นได้ว่า การใช้ section ของ HTML5 นั้น ใช้เฉพาะใน article โดย section มีหน้าที่ แยกเนื้อหาออกเป็นส่วนๆ

คำแนะนำสำหรับการแบ่งหน้าทางด้าน visual media นั้นให้เราใช้ div เพื่อแบ่งหน้า หรือทำเลย์เอ้าท์หน้าเว็บแทน เพราะตามกฎของภาษาแล้ว User agents ประภท Robot ต่างๆ จะไม่ตีความว่า div หมายถึงอะไร เพราะ W3C ได้กำหนดมาตรฐานเอาไว้ย่างนั้นแล้ว

บทความสั้นๆ ขัดตาทัพ อีกแล้วครับพี่น้อง เพราะช่วงนี้ นักปั่นของเรากำลังเมาชีวิตส่วนตัวกันอยู่

มีความสุขกับการใช้ชีวิตครับ

Back to Top

4 Responses to HTML5 <section> element – การใช้ section ใน HTML5

  1. The Poster

    กำลังเริ่มศึกษา HTML 5 นำมาให้อ่านเยอะๆนะคะ จะเลือกใช้ทำโปรเจคจบด้วย ขอบคุนคะ

    Reply

  2. Tanaphone Denchaipradit

    ขอบคุณมากครับๆ สำหรับบทความนี้ ทำให้ผมเข้าใจอย่างถ่องแท้ครับ

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Connect with Facebook

Back to Top