html aside元素

aside元素

aside元素代表跟文档的主内容区相关,但它又独立于主内容区,并且可以被单独拆分出来,而不会对整体内容产生影响。

aside通常表现为侧边栏、说明、提示、引用、附加注释、广告等。如,在经典的页面布局中,页面被分为 header、main、aside、footer 四个部分:

 
  1. <body>
  2. <header>header</header>
  3. <main>main</main><aside>aside</aside>
  4. <footer>footer</footer>
  5. </body>

上述代码的布局效果如图 2‑2 所示:

经典页面布局图2-2 经典页面布局

在这个经典布局中,aside 就表现为侧边栏,通常用来放置非主要内容,如个人信息、博客的相关链接、广告等。

考虑到内容优先、可访问性(特别是对使用屏幕阅读器的用户)和SEO,在HTML代码中,应该将 aside元素放在 main 元素之后,然后通过CSS来改变它们的显示顺序。版权声明:本文出自 歪脖网 的《HTML5 宝典》,欢迎在线阅读, 并提出宝贵意见。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值