Thẻ <aside> trong HTML

Quách Tỉnh

Bài trước

Mục lục

Bài sau

Định nghĩa và cách sử dụng

Thẻ <aside> định nghĩa nội dung bên ngoài nội dung chính.

Nội dung trong <aside> nên liên quan tới phần nội dung chính.

Trình duyệt hỗ trợ


6.0	4.0	9.0	11.1	5.0

<aside> được hỗ trợ trong hầu hết các trình duyệt, tuy nhiên các trình duyệt IE6, IE7, IE8 muốn hiển thị đúng thì cần phải có thêm CSS và JavaScript hỗ trợ.

Thẻ <aside> là tag mới trong HTML5.

Cấu trúc

Ví dụ

<!DOCTYPE html>
<html>
<body>

<p>Tôi thường đọc tin tức và thủ thuật máy tính trên website Quantrimang.com.</p>

<aside>
<h4>Website Quantrimang</h4>
<p>Quantrimang.com là mạng xã hội về khoa học công nghệ, đang mở rộng nội dung 
để đáp ứng nhu cầu của các thành viên về nhiều lĩnh vực công nghệ hơn như điện 
thoại, thiết bị thông minh, điện tử, bảo mật máy tính...</p>
</aside>

<p><strong>Note:</strong> Quantrimang.com mong muốn các thành viên của mình luôn
 nắm bắt được những thông tin, kiến thức, xu hướng công nghệ mới nhất.</p>

</body>
</html>

Hiển thị trên trình duyệt:

Tôi thường đọc tin tức và thủ thuật máy tính trên website Quantrimang.com.

Website Quantrimang
Quantrimang.com là mạng xã hội về khoa học công nghệ, đang mở rộng nội dung để 
đáp ứng nhu cầu của các thành viên về nhiều lĩnh vực công nghệ hơn như điện thoại, 
thiết bị thông minh, điện tử, bảo mật máy tính...
Note: Quantrimang.com mong muốn các thành viên của mình luôn nắm bắt được những 
thông tin, kiến thức, xu hướng công nghệ mới nhất.

Sử dụng trên CSS:

aside { 
display: block;
}

Chủ Nhật, 07/04/2019 21:46

5 ★ 6 👨 5.572

Bạn nên đọc

Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!