HTML <aside> 标签
示例
显示与它所放置的内容无关的一些内容
<p>我和家人今年夏天参观了 Epcot 中心。天气很好，Epcot 太棒了！我和家人一起度过了美好的夏天！</p>
<aside>
<h4>Epcot 中心</h4>
<p>Epcot 是位于沃尔特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花表演和季节性特别活动。</p>
</aside>
自己试一试 »
更多“自己试一试”示例如下。
定义和用法
The <aside> 标签定义了一些与它所放置的内容无关的内容。
Aside 内容应该与周围内容间接相关。
提示： <aside> 内容通常放置在文档的侧边栏中。
注意： <aside> 元素在浏览器中不会呈现为任何特殊内容。但是，您可以使用 CSS 来设置 <aside> 元素的样式（请参见下面的示例）。
浏览器支持
表格中的数字指定完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
全局属性
The <aside> 标签还支持 HTML 中的全局属性。
事件属性
The <aside> 标签还支持 HTML 中的事件属性。
更多示例
示例
使用 CSS 设置 <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>aside 元素</h1>
<p>我和家人今年夏天参观了 Epcot 中心。天气很好，Epcot 太棒了！我和家人一起度过了美好的夏天！</p>
<aside>
<p>Epcot 中心是位于沃尔特迪士尼世界度假区的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的烟花表演和季节性特别活动。</p>
</aside>
<p>我和家人今年夏天参观了 Epcot 中心。天气很好，Epcot 太棒了！我和家人一起度过了美好的夏天！</p>
<p>我和家人今年夏天参观了 Epcot 中心。天气很好，Epcot 太棒了！我和家人一起度过了美好的夏天！</p>
</body>
</html>
自己试一试 »
相关页面
HTML DOM 参考：Aside 对象
默认 CSS 设置
大多数浏览器将使用以下默认值显示 <aside> 元素
aside {
display: block;
}
