div section article aside的理解

div 是一个大的容器 内部可以包含header main nav aside footer等标签 没有语义，多用于为脚本添加样式 

 

section的语义比div语义强些，用于主题性比较强的内容，比如一篇博客， 一个评论

 

article的语义比section的语义更加强，它强调的是独立性，完整性。他具有自己的内容，可以从文本中单独拎出来。

总结：相当于div是一个父级 ，section他的子集，article又是section的子集，他们的语义逐渐增强，我们任何情况下都可以使用div，

          不过使用section与article语义会更加明确，提高了搜素引擎的效率。

 

 

 

aside：aside既可以放在article的里面,又可以放在article的外面

  

1）被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、名次解释，等等。

<article>
  <h1>…</h1>
  <p>…</p>
  <aside>…</aside>
</article>

2）在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以使友情链接，博客中的其它文章列表、广告单元等。

<aside>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
  <h2>…</h2>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</aside>

 

转载于:https://www.cnblogs.com/Litter-Tulip/p/5575082.html