Hướng Dẫn Sử Dụng Trích Dẫn Trong HTML

HTML cung cấp nhiều thẻ để trích dẫn, định nghĩa từ viết tắt, thông tin liên hệ, thay đổi hướng văn bản. Bài viết trình bày: <blockquote>, <q>, <abbr>, <address>, <bdo>, <cite>.

<blockquote> - Trích Dẫn Dài

Dùng cho đoạn trích nhiều dòng, tách biệt với văn bản quanh. Ví dụ trích "Hamlet":

<blockquote>
  "To be, or not to be: that is the question..."
  <p>&mdash;<em>Hamlet</em>, Act III, Scene I</p>
</blockquote>

<q> - Trích Dẫn Ngắn (Inline)

Tự động thêm dấu ngoặc kép cho trích dẫn một dòng. Ví dụ:

<p>Sứ mệnh: <q>Together, we create life-changing wishes...</q></p>

<abbr> - Viết Tắt

Định nghĩa từ viết tắt, hiển thị tooltip khi di chuột. Dùng thuộc tính title:

<abbr title="COrona VIrus Disease 2019">COVID-19</abbr> được phát hiện tháng 12/2019.

<address> - Thông Tin Liên Hệ

Chứa thông tin tác giả/doanh nghiệp: địa chỉ, email, mạng xã hội... Hiển thị in nghiêng, ngắt dòng trước/sau.

<address>
  Viết bởi Nguyễn Văn A<br>
  Email: <a href="mailto:a@example.com">a@example.com</a><br>
  GitHub: <a href="https://github.com/nguyenvana">nguyenvana</a>
</address>

<bdo> - Ghi Đè Hướng Văn Bản

Dùng cho ngôn ngữ viết phải-sang-trái (Arabic, Hebrew). Thuộc tính dir: ltr (mặc định) hoặc rtl.

<bdo dir="rtl">Văn bản viết từ phải sang trái</bdo>

<cite> - Tiêu Đề Tác Phẩm

Đánh dấu tiêu đề sách, bài báo, tranh ảnh... Hiển thị in nghiêng.

<p><cite>Mona Lisa</cite>, Leonardo da Vinci<br>
<sup>Bảo tàng Louvre (từ 1797)</sup></p>

Tóm Tắt

<blockquote>: trích dẫn dài, nhiều dòng.
<q>: trích dẫn ngắn, một dòng.
<abbr>: định nghĩa viết tắt.
<address>: thông tin liên hệ tác giả.
<bdo>: kiểm soát hướng văn bản.
<cite>: tiêu đề tác phẩm sáng tạo.

Chọn thẻ phù hợp với ngữ cảnh để mã ngữ nghĩa, dễ truy cập.