Chức năng miễn phí
Sử dụng đúng cách <label>
có nghĩa là bạn có thể nhấp vào nhãn để nhập trường văn bản. Nhiều trình duyệt sẽ thêm chức năng mặc định logic vào nhiều thẻ theo thông số chính thức, nghĩa là bạn có thể sử dụng ít plugin JavaScript hơn và viết ít mã hơn so với một trang web được tạo hoàn toàn từ <div>
s và <span>
s.
Khả năng tiếp cận
Liên quan đến chức năng miễn phí, ngữ nghĩa có ý nghĩa rất lớn đối với phần mềm đọc màn hình. Văn bản trước trường nhập liệu sẽ không được đọc theo cách tương tự như <label>
ý muốn. Trình đọc màn hình sẽ bỏ qua hầu hết CSS của bạn, do đó, phần lớn tùy thuộc vào cấu trúc HTML của bạn.
CSS hợp lý
Tại sao sử dụng một div #header
khi bạn có thể sử dụng một <header>
và phong cách trực tiếp? Thẻ ngữ nghĩa giúp dễ dàng đánh dấu mọi thứ và làm cho phong cách của bạn dễ mang theo hơn nhiều; Nếu bạn có một phong cách nhất định để tấn công và luôn sử dụng <del>
các yếu tố thì phong cách đó dễ mang theo hơn nhiều. <del>
có nghĩa là điều tương tự với mọi người, nhưng mọi người sẽ đặt tên .deletedText
lớp khác nhau.
Nó cũng giúp giữ tất cả mọi người trên cùng một trang trong các dự án lớn; không ai thích học các quy ước đặt tên lớp bí truyền của người khác.
SEO
Các công cụ tìm kiếm như Google đã tăng cường sử dụng HTML và siêu dữ liệu ngữ nghĩa . Đoạn trích phong phú của Google cũng sử dụng siêu dữ liệu đặc biệt có nghĩa là để truyền đạt nội dung ngữ nghĩa.
Tại sao nó không phổ biến
Nó đòi hỏi công việc và mọi người đã quen với việc đánh giá một trang web bằng cách nó trông và hoạt động . Thường thì không có kế toán cho ngữ nghĩa bởi vì những người viết trường hợp kinh doanh cho các ứng dụng không hiểu nó hoặc tại sao nó quan trọng.
Rất khó để những người không có kỹ thuật hiểu hoặc đánh giá ngữ nghĩa HTML.
Nếu một trang web có vẻ tốt và nó xuất hiện để làm việc, tại sao phải băn khoăn? Nhiều người thậm chí có thể không biết là bất cứ điều gì nhiều đến nó. Tương tự như khả năng tiếp cận, điều này có xu hướng bị bỏ qua cho đến khi ai đó trong nhóm của bạn thực sự hiểu điều này.
Nếu bạn muốn HTML ngữ nghĩa là ưu tiên cho dự án của bạn, bạn cần trình bày trường hợp cho nó. Hiển thị nhóm / sếp của bạn cách trang web của bạn hoạt động trong trình đọc màn hình cũng là một công cụ hữu ích.