nav,article ,aside,section,div区别

nav元素是一个可以用作页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。nav元素应用场景:
article:

定义:它的内容独立于文档的其余部分。一般来说,article会有标题部分( 包含在header内 ),有时也会包含footer。

section 不是一个专用来做容器的标签,专用的是 div ,section 里应该有 标题(h1~6).只有元素内容会被列在文档大纲中时,才适合用section元素。

aside为语义化标签,通常用来描述与文档主体内容不相关的内容。比如,博客文章用atricle标签,而博客旁边的文章信息栏(作者头像、博文分类、作者等级等于博客正文内容无关的)用aside。百度知道是问答网站,主体就是提问和回答,所以提问回答这边是用article,而右边那个用户信息、升级进度,广告和推荐的知识那些与该问题的回答和提问内容都无关,与主题内容不相关的区域用的就是aside。简单的说aside可用作通用信息展示(信息栏)等。
div通用

<nav>导航栏,类似:首页|新闻|咨询|游戏|汽车</nav>
<article>
	<header>
		包含大标题
	</header>
	<section>
		包含小标题,和内容
	</section>
	<div>
		通用
	</div>
	<footer>
		尾部
	</footer>
</article>
<aside>与article同级,一般为边栏内容</aside>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值