首页 > 开发 > HTML5 > 正文

HTML5实例教程:aside标签的两种使用方法

2024-09-05 07:18:37
字体:
来源:转载
供稿:网友
网页制作Webjx文章简介:aside元素用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其它类似的有别与主要内容的部分。

aside元素用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其它类似的有别与主要内容的部分。

aside元素主要有以下两种使用方法

1)被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释,等等。

<article> <h1>…</h1> <p>…</p> <aside>…</aside></article>

2)在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏,其中的内容可以使友情链接,博客中的其它文章列表、广告单元等。

<aside> <h2>…</h2> <ul> <li>…</li> <li>…</li> </ul> <h2>…</h2> <ul> <li>…</li> <li>…</li> </ul></aside>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表