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