Thẻ trích dẫn

4.1 Thẻ <blockquote>

Trong HTML, có những thẻ đặc biệt để định dạng trích dẫn: <blockquote>, <cite>, và <q>. Mỗi thẻ này có một mục đích cụ thể và được sử dụng cho các loại trích dẫn và tham chiếu nguồn khác nhau.

Thẻ <blockquote> được sử dụng để đánh dấu các khối văn bản trích dẫn lớn. Trình duyệt thường hiển thị những trích dẫn này với lề trái để làm nổi bật chúng khỏi văn bản chính.

Ví dụ sử dụng:

    
      <blockquote>
        "The only limit to our realization of tomorrow is our doubts of today."
      </blockquote>
    
  

Đặc điểm:

• Là một phần tử khối
• Thường hiển thị với lề trái
• Có thể chứa các phần tử khối và phần tử dòng khác
• Có thể sử dụng thuộc tính cite để chỉ định URL nguồn của trích dẫn

Thuộc tính cite:

Thuộc tính cite trong thẻ <blockquote> được sử dụng để chỉ định nguồn của trích dẫn. Mặc dù thuộc tính này không hiển thị trực quan, nó giúp lưu giữ thông tin về nguồn gốc của trích dẫn, điều này hữu ích cho các công cụ tìm kiếm và các hệ thống xử lý văn bản tự động khác.

Ví dụ với thuộc tính cite:

    
      <blockquote cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
      </blockquote>
    
  

4.2 Thẻ <cite>

Thẻ <cite> được sử dụng để chỉ định nguồn của trích dẫn hoặc tên của một tác phẩm, chẳng hạn như sách, bài báo, phim, v.v. Văn bản bên trong thẻ <cite> thường được hiển thị nghiêng.

Ví dụ sử dụng:

    
      <p>Nguồn trích dẫn: <cite>Franklin D. Roosevelt</cite></p>
    
  

Đặc điểm:

• Là một phần tử dòng
• Thường được hiển thị nghiêng
• Được sử dụng để chỉ nguồn trích dẫn hoặc tên của các tác phẩm

Ví dụ với <blockquote> và <cite>:

    
      <blockquote  cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
        <cite>— Franklin D. Roosevelt</cite>
      </blockquote>
    
  

4.3 Thẻ <q>

Thẻ <q> được sử dụng để đánh dấu các trích dẫn ngắn, nhúng trong văn bản. Trình duyệt sẽ tự động thêm dấu ngoặc kép xung quanh văn bản được bao bọc trong thẻ <q>.

Ví dụ sử dụng:

    
      <p>Như Albert Einstein đã nói, <q>Tưởng tượng quan trọng hơn kiến thức</q>.</p>
    
  

Đặc điểm:

• Là một phần tử dòng
• Tự động thêm dấu ngoặc kép xung quanh trích dẫn
• Được sử dụng cho các trích dẫn ngắn, nhúng trong văn bản chính

Thuộc tính cite cho <q>:

Thuộc tính cite trong thẻ <q> cũng được sử dụng để chỉ định URL nguồn của trích dẫn.

Ví dụ với thuộc tính cite:

    
      <p>Như Albert Einstein đã nói, <q cite="https://example.com/einstein-quote">Tưởng tượng quan trọng hơn kiến thức</q>.</p>
    
  

Sử dụng kết hợp các thẻ trích dẫn

Các thẻ này có thể được sử dụng cùng nhau để tạo ra nội dung có cấu trúc và thông tin hơn.

    
      <h1>Ví dụ sử dụng thẻ trích dẫn</h1>
      <p>
        Như Albert Einstein đã nói, <q cite="https://example.com/einstein-quote">Tưởng tượng quan trọng hơn kiến thức</q>.
      </p>
      <blockquote cite="https://example.com/quote-source">
        "The only limit to our realization of tomorrow is our doubts of today."
        <cite>— Franklin D. Roosevelt</cite>
      </blockquote>
    
  

Các thẻ <blockquote>, <cite>, và <q> rất quan trọng để định dạng đúng trích dẫn trong HTML. Các thẻ này hỗ trợ cả sự nổi bật về mặt trực quan của trích dẫn và ý nghĩa ngữ nghĩa, điều này rất quan trọng đối với các công cụ tìm kiếm và các hệ thống xử lý văn bản tự động.