Trong HTML5, Microdata là một cách để nhúng dữ liệu có cấu trúc vào trong tài liệu HTML. Nó cho phép bạn cung cấp thông tin bổ sung về nội dung trên trang web của bạn ở định dạng mà máy có thể đọc được. Điều này có thể hữu ích cho các công cụ tìm kiếm và các ứng dụng khác muốn hiểu ý nghĩa của nội dung.

Đây là ví dụ cơ bản về cách sử dụng Microdata trong HTML5: 

 html
 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Microdata Example</title>
</head>
<body>

  <article itemscope itemtype="http://schema.org/Article">
    <h1 itemprop="name">How to Use Microdata in HTML5</h1>

    <p>Published on <time itemprop="datePublished" datetime="2023-01-01">January 1, 2023</time></p>

    <div itemprop="author" itemscope itemtype="http://schema.org/Person">
      <p>Written by <span itemprop="name">John Doe</span></p>
    </div>

    <div itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <p>Published by <span itemprop="name">Your Website</span></p>
    </div>

    <div itemprop="articleBody">
      <p>This is a tutorial on how to use Microdata in HTML5. Microdata allows you to embed structured data...</p>
      <!-- More content goes here -->
    </div>
  </article>

</body>
</html>

Trong ví dụ này:

  • Phần tử <article> đại diện cho nội dung chính của trang.
  • Thuộc tính itemscope chỉ ra rằng phần tử xác định phạm vi của dữ liệu vi mô.
  • Thuộc tính itemtype chỉ định loại mục bằng cách sử dụng URL từ từ vựng như lược đồ.org.
  • Thuộc tính itemprop được sử dụng để xác định thuộc tính của mục.

Trong trường hợp này:

  • name , datePublished , và author là thuộc tính của mục Article .
  • name là thuộc tính của mục Person .
  • name là thuộc tính của mục Organization .

Khi công cụ tìm kiếm hoặc công cụ khác xử lý trang này, nó có thể hiểu dữ liệu có cấu trúc và sử dụng dữ liệu đó để cung cấp kết quả tìm kiếm nhiều thông tin hơn hoặc cho các mục đích khác.

Đảm bảo thay thế nội dung và thuộc tính bằng thông tin liên quan cho trường hợp sử dụng cụ thể của bạn. Bạn có thể tham khảo Schema.org để biết nhiều từ vựng có thể sử dụng trong Microdata của mình.

?