Thẻ HTML <aside>
Thí dụ
Hiển thị một số nội dung ngoài nội dung mà nó được đặt trong:
<p>My family and I visited The Epcot center this summer. The weather was
nice, and Epcot was amazing! I had a great summer together with my
family!</p>
<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme
park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <aside>
xác định một số nội dung ngoài nội dung mà nó được đặt trong đó.
Nội dung sang một bên nên liên quan gián tiếp đến nội dung xung quanh.
Mẹo: Nội <aside>
dung thường được đặt dưới dạng thanh bên trong tài liệu.
Lưu ý: Phần <aside>
tử không hiển thị dưới dạng bất kỳ thứ gì đặc biệt trong trình duyệt. Tuy nhiên, bạn có thể sử dụng CSS để tạo kiểu cho <aside>
phần tử (xem ví dụ bên dưới).
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.
Element | |||||
---|---|---|---|---|---|
<aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Thuộc tính toàn cầu
Thẻ <aside>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <aside>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Sử dụng CSS để tạo kiểu cho phần tử <aside>:
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>The aside element</h1>
<p>My family and I visited The Epcot
center this summer. The weather was nice, and Epcot was amazing! I had a great
summer together with my family!</p>
<aside>
<p>The Epcot center is a
theme park at Walt Disney World Resort featuring exciting attractions,
international pavilions, award-winning fireworks and seasonal special
events.</p>
</aside>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
<p>My family and I visited The Epcot center
this summer. The weather was nice, and Epcot was amazing! I had a great summer
together with my family!</p>
</body>
</html>
Các trang liên quan
Tham chiếu DOM HTML: Đối tượng bên cạnh
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <aside>
phần tử với các giá trị mặc định sau:
aside {
display: block;
}