[HTML/HTML5] Phần 10: Các phần tử trích dẫn trong HTML

Chú thích
Để tạo 1 chú thích trong HTML, bạn có thể dùng phần tử <q>. Khi dùng phần tử q, nội dung bên trong sẽ được trích trong hai nháy.

<p>Website dammio.com: <q>Connect Technology and Language.</q></p>

Thẻ blockquote dùng cho các chú thích
Bạn cũng có thể dùng phần tử <blockquote> định nghĩa 1 phần được chú thích từ nguồn khác.

<p>This a blockquote from dammio.com:</p>
<blockquote cite="https://www.dammio.com">
Website dammio.com contains knowledge about technology and language.
</blockquote>

Thẻ abbr dùng viết tắt cụm từ
Phần tử <abbr> định nghĩa cụm từ viết tắt, ví dụ Công nghệ Thông tin thường được viết tắt là CNTT. Việc đánh dấu cụm từ viết tắt giúp ích nhiều cho trình duyệt, hệ thống dịch thuật và cơ chế tìm kiếm.

<p>Tổ chức <abbr title="World Health Organization">WHO</abbr> được thành lập năm 1948.</p>

Thẻ address dùng cho thông tin liên hệ

Phần tử <address> định nghĩa thông tin liên hệ (tác giả/người sở hữu) của 1 tài liệu hay 1 bài viết. Phần tử <address> thường hiển thị in nghiêng và đa số trình duyệt sẽ có xuống dòng trước và sau phần tử này.

<address>
Written by Dammio.<br> 
Visit us at:<br>
dammio.com<br>
Helsinki, Finland
</address>

Thẻ cite dùng cho tiêu đề tác phẩm
Bạn có thể dùng phần tử <cite> để định nghĩa tiêu đề của 1 tác phẩm nào đó. Đa số trình duyệt sẽ hiển thị nội dung bên trong phần tử <cite> là in nghiêng.

<p><cite>Dammio.com</cite> by Dammio. Founded in 2016.</p>

Thẻ <bdo> dùng để trình bày văn bản hai chiều
Phần tử <bdo> định nghĩa chiều viết văn bản từ bên trái sang (mặc định) hay bên phải sang.

<bdo dir="rtl">Đoạn văn bản được viết từ bên phải sang trái.</bdo>

Kết luận: Bài viết đã giúp các bạn tìm hiểu về các phần tử để trình bày chú thích, trích dẫn trong HTML. Website dammio.com khuyên bạn nên dùng các thẻ này để cơ chế tìm kiếm (Google) dễ dàng định nghĩa các thành phần trên các trang web của bạn, từ đó nâng cao khả năng SEO.