定义和用法
<aside>是 HTML5 中引入的一个语义化元素，用于表示与页面主要内容间接相关的内容。
<aside>通常可以作为独立部分存在而不影响主要内容理解。
<aside>元素的适用场景：侧边栏、引用、广告、相关链接、术语解释等。
<aside>元素的基本语法：
<aside>
<h3>关联标题</h3>
<p>关联内容...</p>
</aside>使用场景
接下来用多种实例演示<aside>标签的用法，来深化您对<aside>的理解。
1. 作为侧边栏
<body>
<main>
<!-- 主要内容 -->
</main>
<aside>
<h3>作者简介</h3>
<p>张三，资深Web开发工程师...</p>
</aside>
</body>2. 文章内的附加内容
<article>
<h1>HTML5新特性</h1>
<p>HTML5引入了许多新元素...</p>
<aside>
<h4>你知道吗？</h4>
<p>HTML5在2014年正式成为W3C推荐标准。</p>
</aside>
</article>3. 相关链接或广告
<article>
<!-- 文章内容 -->
</article>
<aside class="related-posts">
<h3>相关文章</h3>
<ul>
<li><a href="#">HTML5语义化标签</a></li>
<li><a href="#">CSS3新特性</a></li>
</ul>
</aside>全局属性
<aside>标签还支持全局属性，有关全局属性的更多信息。
事件属性
<aside>标签还支持事件属性，有关事件属性的更多信息。
默认的 CSS 设置
大多数浏览器将使用以下默认值显示<aside>元素：
aside {
display: block;
}浏览器支持
表中的数字注明了首个完全支持该元素的浏览器版本。
 |
 |
 |
 |
 |
| 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
评论区 0
发表评论
教程介绍
HTML 参考手册涵盖 HTML 元素、属性、事件等详细解析，助您快速检索 HTML 使用方法 。
50
章节
199
阅读
0
评论
反馈提交成功
感谢您的反馈，我们将尽快处理您的反馈