div,section,article,aside 区分

section:含义是区,块。里面必须包含一个标题,如果一个网页分区比较明确可以使用section。举例:报纸

section不能代替div。在没有明确的区块划分(没有标题)的情况下最好用div,如果用了section的话需要设置样式,最好在section中设置一个div,然后给这个div设置样式以及脚本。最好不要直接在section上设置样式和脚本

section和article可以互相嵌套。article的含义是一篇完整的文章。一篇完整的文章就需要有标题有内容,有结尾,所以当你写的页面包含这些的时候最好用article而不是section。文章中又会有许多的段落,有的段落也会包含标题,那么这种情况下我们就又可以使用section。也就会形成下面这种写法:

<section>
      <article>
        <section></section>
      </article>
  </section>

又因为要避免在section上直接设置样式和脚本,所以需要在section中在嵌套一层div标签

<section>
    <div class="">
      <article>
        <section><div></div></section>
      </article>
     </div>
  </section>

aside是描述与主题内容相关的,但又可以独立的内容。举个例子:
小说网站中的侧边栏上会有一些读者的信息或者广告啥的,这块即于内容相关联,但是有相对来说比较独立,那么就可以直接使用aside给包起来。整个页面内呢需要使用到aside的地方会很少

总结:section不能完全代替div,能用article和aside的时候不要用section。用这些语义化的标签会更有利于搜狐的引擎抓取,同时写出的代码分区明确,更加干净。当然虽然这些标签好用且乱用也不会造成多大的影响,但是也不能胡乱用,要保持代码的可读性和可观性。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值