Thẻ HTML <sang một bên >
Ví dụ
Hiển thị một số nội dung ngoài nội dung đượ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>
Hãy tự mình thử »Thêm 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 được đặt trong đó.
Nội dung sang một bên phải liên quan gián tiếp đến nội dung xung quanh.
Mẹo: Nội dung <aside>
thường được đặt dưới dạng thanh bên trong tài liệu.
Lưu ý: Phần tử <aside>
không hiển thị dưới dạng bất kỳ điều 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 phần tử <aside>
(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 chung
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 .
Thêm ví dụ
Ví 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>
Hãy tự mình thử »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ị phần tử <aside>
với các giá trị mặc định sau:
aside {
display: block;
}