Đị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.
<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
<aside></aside>
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;
}
3 Th3 2021
23 Th2 2021
3 Th3 2021
3 Th3 2021
4 Th3 2021
22 Th2 2021