HTML ngữ nghĩa là gì?
Còn gọi: semantic HTML, thẻ ngữ nghĩa, semantic tags, html5 semantic
Semantic HTML là cách dùng đúng thẻ HTML theo ý nghĩa của nội dung, như header, nav, main, article, footer, button, h1 đến h6, thay vì dùng thẻ div chung chung cho mọi thứ.
Hiểu kỹ hơn
Hai trang có thể trông giống hệt nhau, nhưng trang dùng thẻ ngữ nghĩa sẽ dễ hiểu hơn nhiều với trình đọc màn hình và công cụ tìm kiếm. Ví dụ, một nút làm bằng thẻ button tự động bấm được bằng phím Enter và được đọc là 'nút'; một khối div giả làm nút thì không, trừ khi developer thêm nhiều mã. Các thẻ vùng như nav, main giúp người dùng trình đọc màn hình nhảy nhanh tới menu hay nội dung chính. Designer góp phần bằng cách ghi rõ trong file thiết kế: đâu là tiêu đề cấp mấy, đâu là nút (thực hiện hành động) và đâu là liên kết (đi tới trang khác), vì hai thứ này có thể trông giống nhau nhưng là thẻ khác nhau. Đây cũng là nền tảng trước khi cần dùng đến ARIA.
