Semantic HTML5 คืออะไร

แท็กที่บอกบทบาทของส่วนหน้า

แทนที่จะห่อทุกอย่างด้วย div อย่างเดียว HTML5 มีแท็กที่สื่อความหมายของบริเวณหน้า

ชุดที่ใช้บ่อยในบทนี้

<header> — ส่วนหัวของหน้าหรือของส่วน

<nav> — ส่วนนำทางหลัก

<main> — เนื้อหาหลักของหน้า (โดยทั่วไปหน้าละหนึ่ง)

<footer> — ส่วนท้าย เช่น ติดต่อ ลิขสิทธิ์

<article> — เนื้อหาที่แยกเป็นชิ้นสมบูรณ์ได้ เช่น โพสต์

<section> — ส่วนย่อยตามหัวข้อภายในหน้า