我是靠谱客的博主 俏皮鼠标,这篇文章主要介绍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元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、名次解释,等等。

复制代码
1
2
3
4
5
<article> <h1>…</h1> <p>…</p> <aside>…</aside> </article>

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

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
<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

最后

以上就是俏皮鼠标最近收集整理的关于div section article aside的理解的全部内容,更多相关div内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(104)

评论列表共有 0 条评论

立即
投稿
返回
顶部