<aside>: The Aside element
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phần tử <aside> trong HTML biểu diễn một phần của tài liệu có nội dung chỉ liên quan gián tiếp đến nội dung chính của tài liệu. Các aside thường được trình bày như thanh bên hoặc hộp callout.
Try it
<p>
Salamanders are a group of amphibians with a lizard-like appearance, including
short legs and a tail in both larval and adult forms.
</p>
<aside>
<p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>
<p>
Several species of salamander inhabit the temperate rainforest of the Pacific
Northwest, including the Ensatina, the Northwestern Salamander and the
Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects,
worms and other small creatures.
</p>
aside {
width: 40%;
padding-left: 0.5rem;
margin-left: 0.5rem;
float: right;
box-shadow: inset 5px 0 5px -5px #29627e;
font-style: italic;
color: #29627e;
}
aside > p {
margin: 0.5rem;
}
Thuộc tính
Phần tử này chỉ bao gồm các thuộc tính toàn cục.
Ghi chú sử dụng
- Không sử dụng phần tử
<aside>để đánh dấu văn bản trong ngoặc đơn, vì loại văn bản này được coi là một phần của luồng chính.
Ví dụ
Sử dụng <aside>
Ví dụ này sử dụng <aside> để đánh dấu một đoạn văn trong một bài báo. Đoạn văn chỉ liên quan gián tiếp đến nội dung bài báo chính:
html
<article>
<p>
The Disney movie <cite>The Little Mermaid</cite> was first released to
theatres in 1989.
</p>
<aside>
<p>The movie earned $87 million during its initial release.</p>
</aside>
<p>More info about the movie…</p>
</article>
Kết quả
Tóm tắt kỹ thuật
| Danh mục nội dung | Nội dung flow, nội dung sectioning, nội dung palpable. |
|---|---|
| Nội dung được phép | Nội dung flow. |
| Bỏ qua thẻ | Không, cả thẻ mở và thẻ đóng đều bắt buộc. |
| Phần tử cha được phép |
Bất kỳ phần tử nào chấp nhận
nội dung flow. Lưu ý rằng phần tử <aside> không được là
phần tử con của phần tử <address>.
|
| Vai trò ARIA ngầm định |
complementary
|
| Vai trò ARIA được phép |
feed, none,
note, presentation,
region, search
|
| Giao diện DOM | HTMLElement |
Thông số kỹ thuật
| Specification |
|---|
| HTML # the-aside-element |