基本的 <aside> 标签语法如下:
<aside>
<!-- 与页面内容间接相关的内容 -->
</aside>
<aside> 元素可以用于包含页面中的侧边栏、广告、引用、导航链接、生僻词解释、作者信息等。在这些情况下,<aside> 的内容被认为是页面内容的补充,而非主要内容。
示例:
<article>
<h2>Article Title</h2>
<p>Article content...</p>
</article>
<aside>
<h3>Related Links</h3>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<!-- Additional related links... -->
</ul>
</aside>
在这个例子中,<aside> 包含了与文章相关的链接,这些链接被认为是附属信息而非主要文章内容。
请注意,<aside> 元素的使用方式取决于具体的语境。在某些情况下,它可能表示与页面主要内容无关的内容,而在其他情况下,它可能表示与页面主要内容有关的内容。重要的是确保 <aside> 的内容对于理解页面仍然是有用的。
一些典型的使用场景包括:侧边栏、广告、相关链接、引用等。
转载请注明出处:http://www.zyzy.cn/article/detail/3694/HTML5