HTML5 thuộc tính itemscope là gì và nó làm gì trong thuật ngữ laymans?

Question 1

Tôi chỉ muốn biết về cơ bản thuộc tính itemscope HTML5 được sử dụng để làm gì?

Question 2

Các [itemscope]thuộc tính là một thuộc tính boolean để xác định phạm vi của siêu dữ liệu chứa trong phần tử.

Nó được định nghĩa trong API vi dữ liệu HTML5 :

Mỗi phần tử HTML có thể có một itemscopethuộc tính được chỉ định. Các itemscopethuộc tính là một thuộc tính boolean.

Một phần tử có itemscopethuộc tính được chỉ định sẽ tạo ra một mục mới , một nhóm các cặp tên-giá trị.

Nói cách khác, đó là một cách liên kết siêu dữ liệu với một nút DOM cụ thể.

Điều này được sử dụng bởi API Schema.org để liên kết dữ liệu cho các công cụ tìm kiếm và mạng xã hội. Google+ sử dụng lược đồ làm cách cung cấp tiêu đề, hình thu nhỏ và mô tả cho các trang được người dùng chia sẻ.

Cũng cần lưu ý rằng [itemscope]và [itemprop]tương thích với Giao thức đồ thị mở của Facebook khi cung cấp dữ liệu meta cho trang web. Cùng một siêu dữ liệu có thể được liệt kê cho các công cụ tìm kiếm, Facbook và Google+ trong một tập hợp các <meta>phần tử duy nhất thay vì phải liệt kê cùng một thông tin nhiều lần:

<html itemscope itemtype="http://schema.org/WebPage" xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>An Example Title</title>
    <meta content="An Example Title" itemprop="name" property="og:title" />
    <meta content="Lorem ipsum dolor sit amet" itemprop="description" name="description" property="og:description" />
    <meta content="http://www.example.com/image.jpg" itemprop="image" property="og:image" />
    <meta content="http://www.example.com/permalink" itemprop="url" property="og:url" />
    <link rel="canonical" href="http://www.example.com/permalink" />
  </head>
  <body>
    ...content...
  </body>
</html>

Lưu ý rằng trong ví dụ, [itemscope]đã được thêm vào <html>phần tử. Điều này có nghĩa là bất kỳ [itemprop]thuộc tính nào trong <head>và <body>là một phần của WebPagemục.

Question 3

Các công cụ tìm kiếm bao gồm Bing, Google và Yahoo! hiện đang sử dụng itemscope và bạn bè để xác định dữ liệu ngữ nghĩa trong các trang web. Trên trang web schema.org , họ có giải thích về cách sử dụng itemscope với các lược đồ được xác định trước để cải thiện dữ liệu được cung cấp cho các công cụ tìm kiếm.

http://schema.org/docs/gs.html