Học CNTT HTML

Thẻ <aside> trong HTML

Mục lục

Đị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ợ

Google Chrome

 Mozilla FirefoxInternet ExplorerOperaSafari
6.04.0 9.011.15.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

<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;
}
Thứ Ba, 24/05/2022 08:48
5 ★ 6 👨 4.180
0 Bình luận
Sắp xếp theo
❖
Xóa Đăng nhập để Gửi
    Bạn nên đọc
    HTML
    Xem thêm
    HTML