Cách chỉ dẫn trích dẫn dài (blockquote) trong HTML?

Thẻ <blockquote> đánh dấu trích dẫn dài (block-level), thường thụt lề hai bên. Dùng cho đoạn văn, bài thơ, lời nói... Trích dẫn ngắn (inline) dùng <q>.

Thuộc tính

Thuộc tính	Giá trị	Mô tả
cite	URL	Nguồn trích dẫn (không hiển thị trực quan, dùng cho script/SEO)

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ blockquote HTML</title>
  </head>
  <body>
    <blockquote cite="https://developer.mozilla.org/">
      HTML (HyperText Markup Language) là ngôn ngữ đánh dấu chuẩn cho tài liệu web.
    </blockquote>
    <p>Nguồn: <a href="https://developer.mozilla.org/">MDN</a></p>
    <q>Trích dẫn ngắn trong dòng.</q>
  </body>
</html>

CSS mặc định

blockquote { margin: 1em 40px; } /* thụt lề trái/phải */

Best practice

Bên trong <blockquote> nên dùng các block element (<p>, <ul>...), không chỉ text trần.
Dùng <footer> bên trong cho tác giả/nguồn: <blockquote>...<footer>— Tác giả</footer></blockquote>
Kết hợp cite attribute + <cite> element (tên tác phẩm) để rõ ngữ nghĩa.