article 和 aside
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了article 和 aside相关的知识,希望对你有一定的参考价值。
article 和 aside 就像 div 一样,只是布局标签,除了标签名字不一样,其他功能意义基本是一样的,它们只是简简单单的标签。
因为很多网站布局是重复的,全世界网站有很多都是左边是导航,右边是正文内容,然后给div设置id来用css布局,因为有这个需求,html5 就人性化的添加了几个标签,从而简化了开发人员的开发,毕竟,<aside> 与 <div id="aside">,那个更好?
html 角度:前者比后者少写几行代码,一定程度简化了网页文件大小。
css 角度:前者直接使用 aside 就能获取到标签,后者需要通过 id 。
js 角度:同上。
之前也听说过这么一个消息,说一些移动设备(如 ipad),在解析 html5 标签时,遇到 aside 标签可能会有个性化的展示,可能效果更美观。
总结:
<article> 你就看做是 <div id="article">,<aside> 你就看做是 <div id="aside">,仅仅是人为的给div 换了一个说话,换汤不换药,还是 div 。
注:如若喜欢,欢迎转载,请在文章页面明显位置给出此文链接!
若您觉得这篇文章还不错请点击下右下角的推荐,有了您的支持才能激发作者更大的写作热情,非常感谢!
以上是关于article 和 aside的主要内容,如果未能解决你的问题,请参考以下文章
html5新特性-header,nav,footer,aside,article,section等各元素的详解
html5中article与section的区别,另外aside又该怎么理解?谢谢!
关键自li,em,dl,ul,ol,footer,header,nav,aside,article
a,abbr,address,area,article, aside, audio标签文档
H5新增元素跟文档结构新的文档结构 1. article 文章块 2. section 区块 3. nav 导航条 4. aside 辅助栏 5. main 主要区域 6. header 标(代