blockquote có chức năng chứa một đoạn văn bản được trích dẫn từ một nguồn khác,
thông thường những trích dẫn được nằm trong cặp thẻ <blockquote> sẽ được các trình duyệt biểu thị giữ một khoảng cách nhất định với nội dung của bài viết chính,và nó sẽ có một khung hình với hiệu ứng nằm vào trong so với bộ cục văn bản được chỉ định của nội dung bài viết của nội dung chính, và được biểu thị màu sắc khác biệt hoàn toàn
Ví dụ: sau đây là đoạn văn bản được trích dẫn
Hơn 30 năm trên bước đường thành công trong lĩnh vực âm thanh Hi End, tuy ra đời sau các hãng sản xuất loa Hi End gạo cội khác trên thị trường, nhưng Tidal lại kết tụ toàn bộ những ưu điểm tinh tú vượt trội, với những cải tiến mới mẻ từ công nghệ cho tới kỹ thuật và mẫu mã, Một hãng sản xuất đến từ nước Đức lại được xếp hạng là một thương hiệu hàng đầu thế giới với hiệu suất cũng như tính thẩm mỹ cao của sản phẩm do hãng này sản xuất,
Nguồn: Hiendhanoi.vn
Đoạn văn bản trên đây là đoạn văn bản trích đoạn từ một bài viết khác đã được định dạng trong cặp thẻ <blockqoute>, chúng ta có thể thấy nó hoàn toàn được gói gọn trong một trích đoạn cho người đọc phân biệt rõ ràng,
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<blockquote>
Hơn 30 năm trên bước đường thành công trong lĩnh vực âm thanh Hi End, tuy ra đời sau các hãng sản xuất loa Hi End gạo cội khác trên thị trường, những Tidal lại kết tụ toàn bộ những ưu điểm tinh tú vượt trội, với những cải tiến mới mẻ từ công nghệ cho tới kỹ thuật và mẫu mã,
Một hãng sản xuất đến từ nước Đức lại được xếp hạng là một thương hiệu hàng đầu thế giới với hiệu suất cũng như tính thẩm mỹ cao của sản phẩm do hãng này sản xuất,
</blockquote>
Nguồn: <a href="http://www.hiendhanoi.vn"> Hiendhanoi.vn</a>
</body>
</html>
Thuộc tính
cite: URL
Ví dụ: cite=”url” xác định nguồn trích dẫn
tuy nhiên hầu hết các trình duyệt ngày nay không còn hỗ trợ thuộc tính này
class: Xác định tên cho thẻ để xác định, định dạng style
Ví dụ: class="section"
Dùng để xác định tên gọi để định dạng style
id: Xác định tên thẻ để định dạng style
Ví dụ: id="layout"
Thuộc tính này có chức năng xác định tên cho thẻ để áp dụng định dạng
style
Kiểu định dạng như : color, background, border … vv
style="color: red"
Xác định một định dạng cho một thành phần.
dir
ví dụ: dir="rtl"
Xác định hướng văn bản cho các nội dung trong một thành phần.
lang:
Ví dụ : lang="vi"
Xác định mã ngôn ngữ cho nội dung trong một thành phần.
title:
Ví dụ: Text title="Đây là title"
Thuộc tính này xác định chứa nội dung tiêu đề
xml:lang
Mã ngôn ngữ ví dụ: lang="vi"
Xác định mã ngôn ngữ cho nội dung trong một thành phần, trong văn bản XHTML.
0 Nhận xét