最近一段时间在学习html5的一些标签属性,年前也学过一些,但是都没用过,发现好多都忘记了,这几天复习了一下:

新增加的主体结构元素主要包括:article、section、nav、aside等元素;

新增加的非主体结构元素主要包括:header、hgroup、footer、address等元素;

article元素主要用于主要用代表文档、页面或者应用程序中的独立的、完整的,可以独立被外部引用的内容。它通常有自己的标题,一般标题放在header元素里面,有时还有自己的footer,article可以嵌套使用。

section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素一般有标题和内容组成;

<article>
  <header>
    <h1>苹果</h1>
    <p> 发表日期:
      <time pubdate datetime="2010/10/09">2010/10/29</time>
    </p>
  </header>
  <p> <b>苹果</b>植物类水果,。。。。 </p>
  <section>
    <h2>评论</h2>
    <article>
      <header>
        <h3>发表者:蓝枫</h3>
        <p>
          <time pubdate datetime="2010-10-10T19">1小时前</time>
        </p>
      </header>
      <p>我喜欢苹果</p>
    </article>
    <article>
      <header>
        <h3>发表者:秋秋</h3>
        <p>
          <time pubdate datetime="2010-10-11">1小时前</time>
        </p>
      </header>
      <p>苹果苹果</p>
    </article>
  </section>
</article>

section一般强调的分段或者分块,而article元素强调的独立性,article元素可以解释成一种特殊的section元素,它比section更强调独立性。

html5学习新的知识总结(一)相关推荐

  1. ChatGPT是否能够学习新的知识?

    ChatGPT是一个基于GPT-3.5架构的大型语言模型,它的知识截止于2021年9月.它通过在大量的文本数据上进行训练来生成自然语言响应,但在其训练过程中,它没有经历与人类相似的学习过程.ChatG ...

  2. 如何快速学习新的知识

    文章内容源自网络,如有侵权,吾必删之 一.人生就是不断学习和探索的过程 前几天看到一篇文章--<做一件事如何突破「擅长」达到「精通」>(这儿还有一篇),我却想到写这篇如何快速入门一个全新的 ...

  3. HTML5学习笔记 —— JavaScript基础知识

    HTML5学习笔记 -- JavaScript基础知识 标签: html5javascriptweb前端 2017-05-11 21:51 883人阅读 评论(0) 收藏 举报 分类: JavaScr ...

  4. 微软CTO韦青:深度学习不仅是知识,而是思维范式的转变

    https://www.toutiao.com/a6651052971834475011/ 1956年,达特茅斯人工智能夏季研究计划首次提出"人工智能"一词,标志着这一学科的正式诞 ...

  5. 学习编程基础知识,进阶成为更优秀的程序员

    "脚本小子"常常从某些网站上复制脚本代码,然后到处粘贴,却并不明白其中的方法与原理 ​​当你看到编程语言编进教材的时候,看到一个文科生也在编写Python程序进行数据分析的时候,你 ...

  6. 分享:个人是怎么学习新知识的

    为什么80%的码农都做不了架构师?>>>    挺多童鞋问我是怎么学习新知识的,干脆写篇文章总结一下,希望对大家有所帮助.对照书.技术博客.极客时间等学习的方式我就不说了. 一.早期 ...

  7. 人脑为何能够快速学习新知识? 用AI的视角来分析

    来源:混沌巡洋舰 相比机器,人脑擅长快速的跨任务学习和泛化推理, 或者说叫做卓越的元学习能力.我们说人类站立在这个迅速变化的危险世界面前,快速适应新任务的元学习能力事关生死.这种能力是目前的深度学习人 ...

  8. 为何学习新知识这么难?因为大脑可能比你想象中更死板

    来源:科研圈 撰文  John Rennie  翻译  齐睿娟  审校  魏潇 某些情况下,大脑的适应能力似乎是用之不竭的.但通过观察学习状态下的大脑活动,科学家们发现,这一过程中大脑的神经元网络功能 ...

  9. 关于学习新知识以及如何做题思考

    -----关于学习新的知识点-----(知乎前辈+自己) 1.对于陌生的知识点---先做到了解[看书,网络,与人沟通] 2.然后通过各种渠道去掌握知识点---还存在不掌握的专门处理 3.通过习题巩固所 ...

最新文章

  1. php id归零,帝国CMS怎样删除清空栏目和文章数据后新建的栏目和文章ID从1开始
  2. oracle的用户自定义异常
  3. 零基础学Java有哪些必看书?推荐这5本
  4. 本田da屏怎么进wince系统_东风本田LIFE“来福酱”上市
  5. ctypes python_[python学习之路]ctypes,Python
  6. 用CLIP做多个视频任务!上交牛津提出基于Prompt将CLIP拓展到多个视频任务,在open-set场景中效果极佳!...
  7. ibatis resultclass java.util.list_mybatis 动态sql返回一个List封装类报错求解决方法
  8. java 处理视频帧_如何将视频处理成每帧的图片?.最好是java实现..
  9. 运筹优化(十二)--带约束非线性规划(NLP)
  10. woff字体找不到导致的404错误
  11. PLSQL导入SQL文件
  12. JavaScript实现单击上一张和下一张按钮切换图片
  13. 2D纸娃娃系统的web演示
  14. 沟通CTBS助誉坤电子实现K/3远程接入
  15. OPNET中使用外部文件
  16. 信息系统集成监理费收取标准_信息工程监理取费参考标准.doc
  17. 微信小程序样式拼接 类名三元运算 以及条件拼接
  18. 联想拯救者Y7000关闭触摸板
  19. 移动硬盘装ubuntu
  20. Arch Linux Arm 安装Yaourt

热门文章

  1. eclipse web项目页面显示404_404 Not Found错误页面是什么?
  2. React、Angular、Vue 框架比较
  3. delphi listview1添加指定列_对表格的列进行批量处理的函数详解
  4. 十大WordPress安全设置技巧
  5. linux安装python和pip3,Linux安装python3.6 和pip
  6. 喜欢去知乎炸鱼?用python吧
  7. test命令用法。功能:检查文件和比较值
  8. Jmeter(三)断言和关联
  9. springdata-jpa 八种查询方法
  10. Android(java)学习笔记69:短信发送器