Thuộc tính cite của <blockquote> trong HTML

Giới thiệu

Thuộc tính cite của phần tử <blockquote> dùng để cung cấp URL nguồn gốc của đoạn trích dẫn. Điều này giúp trình duyệt, công cụ tìm kiếm và công nghệ hỗ trợ (screen readers) hiểu được nguồn tham khảo.

Cú pháp

<blockquote cite="url"></blockquote>

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Magento</h2>
  <p>Magento như được nêu trên trang web chính thức:</p>
  <blockquote cite="https://magento.com/products">
    Magento Commerce, một phần của Adobe Commerce Cloud, cung cấp giải pháp eCommerce độc đáo với sức mạnh cấp doanh nghiệp, khả năng mở rộng không giới hạn và sự linh hoạt của mã nguồn mở cho trải nghiệm B2C và B2B. Magento cho phép bạn tạo ra trải nghiệm khách hàng trọn đời độc đáo, được chứng minh tạo ra nhiều doanh số hơn.
  </blockquote>
</body>
</html>

Kết quả hiển thị

Đoạn trích dẫn dài được hiển thị kèm nguồn:

<blockquote cite="https://magento.com/products"> ... </blockquote>

Nguồn trích dẫn:

cite="https://magento.com/products"