Kết nối

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

2.866 lượt xem 
 
Thể loại: HTML/HTML5, Thiết kế Web 

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.

Liên quan:  [HTML/HTML5] Phần 37: Các phần tử ngữ nghĩa trong HTML5
Trích dẫn bài viết
  • APA:
    Dammio. (2017). [HTML/HTML5] Phần 10: Các phần tử trích dẫn trong HTML. https://www.dammio.com/2017/08/03/htmlhtml5-phan-10-cac-phan-tu-chu-thich-va-trich-dan-trong-html.
  • BibTeX:
    @misc{dammio,
    author = {Dammio},
    title = {[HTML/HTML5] Phần 10: Các phần tử trích dẫn trong HTML},
    year = {2017},
    url = {https://www.dammio.com/2017/08/03/htmlhtml5-phan-10-cac-phan-tu-chu-thich-va-trich-dan-trong-html},
    urldate = {2024-07-14}
    }
Theo dõi
Thông báo của
guest
2 Góp ý
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
2
0
Rất thích suy nghĩ của bạn, hãy bình luận.x