三个问答告诉你aside标签的作用

 

对比有 aside 标签之前，我们常用 <div class="aside"> 来表示这个 div 是一个侧边栏等等，aside 标签作用大致相似。下面就用三句话，让你彻底明白 aside 到底有什么“过标签之处”：

• aside 标签的作用：在 article 元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是友情链接，博客中的其它文章列表、广告单元等。其次，所有的语义化标签的两个通用效果，就是有助于理解的同时，还有利于 SEO。
• 有什么特殊效果？   与 div 相比，除了标签名字不一样，其他功能意义基本是一样的。article、aside 里面的字体、背景、边框等没有任何特殊的样式，也不是鼠标点击了 aside 标签之后会出现什么特殊的效果。不过，一些移动设备（如 ipad），在解析 html5 标签时，遇到 aside 标签可能会有个性化的展示，可能效果更美观。
• 为什么要有 aside？因为很多网站布局是重复的，有很多都是左边是导航，右边是正文内容，有了这个标签就可以简化了开发人员的开发，获取 aside 就不再需要通过 id，直接用 aside 就可以获取到对应的标签。