资讯专栏INFORMATION COLUMN

html5知识点补充—aside元素的使用

callmewhy / 2400人阅读

摘要:使用标记创建侧边栏标记表示跟周围内容紧密关联的一组内容,比如热门文章列表博文分类最近评论。这种内容与主页内容相关,但又与它相独立存在。要想正确地使用,取决于它的放置位置。也可以将嵌套在之类的其他元素中。

使用aside标记创建侧边栏

aside标记表示跟周围内容紧密关联的一组内容,比如热门文章列表、博文分类、最近评论。这种内容与主页内容相关,但又与它相独立存在。

在当今的Web开发中,侧边栏在页面中可谓是随处可见。侧边栏并不代表它的位置一定是在网页的两边,而是它经常包括如相关链接和分类列表等内容。要想正确地使用aside,取决于它的放置位置。如果放置在article中,aside内容必须与article内容紧密关联,比如词汇表。如果放置在article或者section之外,则它的内容应该是与整个页面相关的,如相关链接、网站所有者的微博列表或广告。


    

10 things about HTML5

This is test txt... ...

也可以将aside嵌套在article之类的其他元素中。我们对前面的例子进行拓展,可以为用户提供涵盖各种短语或者用户不熟悉内容的词汇表。


    

10 things about HTML5

This is test txt... ...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49608.html

相关文章

  • html5识点补充—footer元素使用

    摘要:使用元素创建脚注顾名思义,元素通常位于页面的底部。与类似,元素可以在单个页面上多次使用,也可以将元素放在中。示例代码使用了一个站点范围的,还在中使用了嵌套的元素。规范中讲到,元素可以包含指向相关文档的链接。 使用footer元素创建脚注 顾名思义,footer元素通常位于页面的底部。尽管footer通常位于某个区域或者页面的底部,但并非总是如此。footer元素旨在包含作者、网站所有者...

    geekidentity 评论0 收藏0
  • 知识整理之HTML篇

    摘要:最近关注的重学前端系列文章,也想把已知的前端知识体系梳理一遍,夯实基础的同时,总结提升。标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。模式是目前最常用的模式。严格模式不允许展示型弃用元素和框架集。中空格不会被自动删除。 最近关注winter的重学前端系列文章,也想把已知的前端知识体系梳理一遍,夯实基础的同时,总结提升。接下来会从HTML、CSS、JS、性能、网络安全、框架通...

    yck 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<