Ngữ nghĩa có nghĩa là gì trong HTML?

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Khi bạn tìm hiểu về HTML và Web, bạn có thể thấy rằng bạn gặp một từ cụ thể lặp đi lặp lại thường không được xác định. Từ đó có ngữ nghĩa

Bạn có thể đọc những câu như “chúng tôi đã tìm kiếm một yếu tố ngữ nghĩa” hoặc “Chúng tôi cố gắng và trở nên ngữ nghĩa nhất có thể”, nhưng chưa bao giờ có được một bức tranh rõ ràng về ý nghĩa của từ ngữ nghĩa

Trong bài viết này, chúng ta sẽ khám phá thế giới của đánh dấu ngữ nghĩa, đưa ra định nghĩa phù hợp cho thuật ngữ này và áp dụng khái niệm này vào cách chúng ta viết đánh dấu HTML

nội dung

Đánh dấu ngữ nghĩa là gì?

Theo Từ điển. com, ngữ nghĩa đề cập đến việc giải thích chính xác ý nghĩa của một từ hoặc câu

Sử dụng một từ theo ngữ nghĩa là sử dụng nó theo cách phù hợp với nghĩa của từ. Khi chúng tôi sử dụng sai một từ, chúng tôi không sử dụng nó về mặt ngữ nghĩa

Nhiều thẻ HTML có ý nghĩa ngữ nghĩa. Tức là bản thân phần tử truyền tải một số thông tin về loại nội dung chứa giữa thẻ mở và thẻ đóng

Ví dụ: khi trình duyệt gặp tiêu đề h1, nó sẽ hiểu thẻ đó có nghĩa là nội dung của phần tử h1 cấu thành tiêu đề quan trọng nhất của phần chứa phần tử đó

Ý nghĩa ngữ nghĩa của thẻ h1 là nó được sử dụng để xác định tiêu đề quan trọng nhất của một trang web hoặc phần cụ thể

Hai thực tiễn cho phép đánh dấu ngữ nghĩa

Có hai cách thực hành khác nhau phải được áp dụng nếu chúng ta định viết đánh dấu ngữ nghĩa

  1. Đánh dấu ngữ nghĩa yêu cầu các phần tử HTML được sử dụng theo mục đích đã định của chúng
  2. Đánh dấu ngữ nghĩa yêu cầu tách nội dung và trình bày

Sử dụng đúng các phần tử HTML

Khi viết đánh dấu ngữ nghĩa, chúng tôi sử dụng các thẻ HTML để cho trình duyệt biết điều gì đó về nội dung của phần tử. Trong đánh dấu ngữ nghĩa, thẻ không còn chỉ là cách để nội dung hiển thị trên trang web ở định dạng con người có thể đọc được

Bản thân các thẻ trở thành một cách để nói với máy (dù là trình duyệt, máy tính, điện thoại thông minh hay thiết bị thông minh khác) điều gì đó về ý nghĩa của nội dung

Để viết đánh dấu ngữ nghĩa, chúng ta phải sử dụng các thẻ HTML một cách chính xác để đánh dấu của chúng ta vừa có thể đọc được bằng con người vừa có thể đọc được bằng máy

Tách nội dung và trình bày

Trước đây, người ta thường sử dụng đánh dấu để xác định kiểu và kiểm soát bố cục trang web

Các cấp độ tiêu đề được chọn không dựa trên hệ thống phân cấp mà dựa trên các kiểu được trình duyệt web áp dụng, các bảng được sử dụng để bố trí trang web thay vì tổ chức dữ liệu dạng bảng, một số thẻ HTML (chẳng hạn như frameset) được tạo cho mục đích rõ ràng là xác định trang web

Khi chúng tôi viết đánh dấu ngữ nghĩa, chúng tôi không còn có thể chọn các phần tử HTML dựa trên bản trình bày trực quan. Thay vào đó, chúng tôi chọn các phần tử HTML dựa trên ý nghĩa ngữ nghĩa của chúng, sau đó sử dụng CSS để xác định cách trình bày trực quan cho nội dung của chúng tôi

Khi viết đánh dấu ngữ nghĩa, phần trình bày của các thành phần trang web được giữ hoàn toàn tách biệt và khác biệt với phần đánh dấu của chính nội dung

Xác định đánh dấu ngữ nghĩa

Với hai cách thực hành đó, chúng ta có thể định nghĩa đánh dấu ngữ nghĩa theo cách này

Đánh dấu ngữ nghĩa là việc sử dụng ngôn ngữ đánh dấu như HTML để truyền đạt thông tin về ý nghĩa của từng phần tử trong tài liệu thông qua việc lựa chọn đúng các phần tử đánh dấu và để duy trì sự tách biệt hoàn toàn giữa phần đánh dấu và phần trình bày trực quan của các phần tử có trong tài liệu

Tại sao đánh dấu ngữ nghĩa lại quan trọng?

CSS tốt có thể làm cho đánh dấu xấu trở nên vô hình đối với khách truy cập trang web trung bình. Tuy nhiên, không có kiểu dáng nào sẽ làm cho đánh dấu xấu trở nên có ý nghĩa hơn đối với khách truy cập máy tính, chẳng hạn như trình thu thập dữ liệu web của công cụ tìm kiếm, công cụ dịch trình duyệt hoặc công nghệ hỗ trợ như trình đọc màn hình

Theo Bruce Lawson, việc sử dụng ngữ nghĩa của các phần tử HTML “tăng cường khả năng truy cập, khả năng tìm kiếm, quốc tế hóa và khả năng tương tác. ” Nói cách khác, viết đánh dấu ngữ nghĩa là bắt buộc nếu bạn muốn trang web của mình có thể truy cập được đối với tất cả khách truy cập, đạt được thứ hạng cao trên công cụ tìm kiếm, sẵn sàng cho khách truy cập từ khắp nơi trên thế giới và giao tiếp hiệu quả với các dịch vụ web khác

Viết đánh dấu ngữ nghĩa là tạo ra nội dung web mà cả con người và máy tính đều có thể đọc được. Khi cả người và máy tính đều có thể đọc trang web tốt như nhau, trang web sẽ trở nên dễ truy cập hơn vì máy tính có khả năng phân tích nội dung, lập chỉ mục, phân phối trang web tốt hơn và các nhà phát triển có thể liên kết các nguồn thông tin khác nhau với nhau tốt hơn vào các dịch vụ web mới

Làm thế nào để chúng ta viết đánh dấu ngữ nghĩa?

Chúng tôi viết đánh dấu ngữ nghĩa bằng cách chọn và sử dụng các thẻ HTML đúng cách và bằng cách chọn các thẻ truyền đạt điều gì đó về thông tin được đánh dấu bởi các thẻ

Có những phần tử trong HTML có ngữ nghĩa và những phần tử không có ngữ nghĩa. Ví dụ về các yếu tố phi ngữ nghĩa là divspan. Các thẻ này không cho máy tính biết bất cứ điều gì về ý nghĩa của nội dung của phần tử

Mặc dù hữu ích và tốt để sử dụng trong một số trường hợp, nếu thẻ ngữ nghĩa có sẵn và phù hợp với mục đích sử dụng cụ thể, hãy sử dụng nó trước khi dùng đến thẻ phi ngữ nghĩa

Nhiều thẻ ngữ nghĩa đến từ việc phân tích đánh dấu trang web được hoàn thành bởi các công ty như Google và Opera. Những gì các công ty này đã tìm thấy là nhiều trang web sử dụng các thuộc tính idclass để gợi ý ý nghĩa của nội dung của các yếu tố phi ngữ nghĩa

Ví dụ: họ đã tìm thấy rất nhiều div giống như thế này.