• 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>
  • 相关阅读:
    ubuntu配置实验
    初始linux系统--ubuntu
    部署WSUS服务(一)
    web站点启用https (二)
    web站点启用https (一)
    windows 域的安装方法
    链表大合集(一)
    神奇的幻方
    二叉树的存储结构 以及重建二叉树
    html列表
  • 原文地址:https://www.cnblogs.com/Litter-Tulip/p/5575082.html
Copyright © 2020-2023  润新知