เลือกใช้แท็ก HTML5 อย่างไรดีถึงจะเหมาะสม

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

Post Reply
User avatar
M030
PHP Super Hero Member
PHP Super Hero Member
Posts: 532
Joined: 07/09/2015 10:06 am

เลือกใช้แท็ก HTML5 อย่างไรดีถึงจะเหมาะสม

Post by M030 » 22/09/2015 3:33 pm

อย่างที่เราทราบกันมาบ้างแล้วนะค่ะว่า HTML5เนี่ยเป็นเวอร์ชันใหม่ที่มาพร้อมกับแท็กใหม่ๆมากมายจนบางครั้งเราก็เลือกใช้ไม่ถูก วันนี้เราจะมาเสนอวิธีการเลือกใช้แท็ก HTML5 กันค่ะ ^^

วิธีการเลือกแท็กที่เหมาะสม
HTML5_flowchart.png
HTML5_flowchart.png (62.82 KiB) Viewed 286 times
1. เนื้อหาส่วนนี้เป็นเมนู (Navigation) รึป่าว ถ้าใช่ใช้ <nav>
<nav>ใช้ครอบเมนูต่าง ๆ ไม่ว่าจะเป็นเมนูของทั้งเว็บไซต์ หรือเมนูเฉพาะของหน้านั้น ๆ หรือแม้แต่ลิงค์ที่กดแล้วเปิดเมนูขึ้นมาก็ได้เช่นกัน

2. ถ้าเนื้อหาส่วนนี้ออกมาอยู่เดี่ยวๆ แล้วมันมีความหมายของมันเองรึป่าว ถ้าใช่ใช้ <article>
<article>ใช้ครอบแต่ละบทความ แต่ละโพสต์ในเว็บบอร์ด หรือแต่ละคอมเม้นท์ของบทความใน sidebar ซึ่งต้องมีแท็ก Heading (h1 – h6) อยู่ด้วยเสมอค่ะ

3. เนื้อหาในส่วนนี้เกี่ยวข้องกับเนื้อหาหลักของหน้ารึป่าว ถ้าไม่ใช่ใช้ <aside>
<aside> สามารถใช้ได้กับส่วนที่เป็น Sidebar, Comment, Quote, Glossary, โฆษณา, Note ใต้บทความ และส่วนต่าง ๆ ที่ไม่เกี่ยวกับเนื้อหาหลักของหน้านั้นได้

4. เนื้อหาในส่วนนี้เป็นอ้างอิงของเนื้อหาหลักรึป่าว ถ้าใช่ใช้ <figure>
<figure>ใช้สำหรับส่วนที่เป็นรูป, กราฟฟิก, ตัวอย่างโค้ด และเนื้อหาที่ประกอบบทความทุกชนิด

5. เนื้อหาในส่วนนี้ต้องใส่หัวข้อรึป่าว ถ้าใช่ใช้ <section>
<section> ใช้สำหรับส่วนที่ควรมีหัวข้อ แต่เป็น <article> ไม่ได้แล้ว

6. คือส่วนของเนื้อหาที่ต้องการความหมายรึป่าว ถ้าใช่ให้เลือกใช้แท็กที่เหมาะสม ถ้าไม่ใช่ใช้ <div>

Post Reply

Return to “PHP Knowledge”

Users browsing this forum: No registered users and 8 guests