HTML ที่มีความหมาย หมายถึงการใช้องค์ประกอบที่อธิบาย ความหมาย ของเนื้อหา ไม่ใช่แค่ลักษณะที่ปรากฏ <nav> บอกว่า "นี่คือการนำทาง"; <button> บอกว่า "นี่สามารถคลิกได้" — ในขณะที่ <div> ไม่บอกอะไรเลย
html
Home
Home
HTML ที่มีความหมาย หมายถึงการใช้องค์ประกอบที่อธิบาย ความหมาย ของเนื้อหา ไม่ใช่แค่ลักษณะที่ปรากฏ <nav> บอกว่า "นี่คือการนำทาง"; <button> บอกว่า "นี่สามารถคลิกได้" — ในขณะที่ <div> ไม่บอกอะไรเลย
Home
Home
ทั้งสองแบบสามารถจัดรูปแบบได้เหมือนกัน แต่เฉพาะแบบที่สองเท่านั้นที่ เข้าใจได้ โดยเบราว์เซอร์ ตัวอ่านหน้าจอ และเครื่องมือค้นหา
<header>, <nav>, <main>, <footer> ซึ่งให้ผู้ใช้สามารถข้ามไปยังบริเวณต่าง ๆ ได้ กำแพงของ <div> ไม่ได้ให้อะไรแก่พวกเขา<h1>, <article>, <main> และเข้าใจโครงสร้างหน้า<button> สามารถโฟกัสได้ สามารถเปิดใช้งานด้วยแป้นพิมพ์ (Enter/Space) และประกาศว่าเป็นปุ่ม — <div onclick> ไม่มีอันใดเลยเว้นแต่คุณเพิ่มเข้าไปด้วยตนเอง<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
กฎทั่วไป: เลือกองค์ประกอบที่มีความหมายตรงกับสิ่งที่คุณตั้งใจ และใช้ <div>/<span> เฉพาะเป็นคอนเทนเนอร์จัดรูปแบบเมื่อไม่มีองค์ประกอบที่มีความหมายที่เหมาะสม
นี่คือการชนะด้านความพร้อมใช้งาน และ SEO ที่ราคาถูกที่สุดที่คุณสามารถทำได้