最近一段时间在学习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. 使用vux+ajax,Vue 应用中结合vux使用微信 jssdk的方法
  2. 西数更新PiDrive产品线:250/375GB硬盘、64GB闪存盘
  3. 修改ubuntu的终端提示符
  4. 基于stm32f103zet6的DS1302学习
  5. PL/SQL Developer 和 instantclient客户端快速安装配置(图文)
  6. 动态规划--连续子序列的最大和
  7. python / 解决 pyinstaller 打包后运行时提示找不到模块的问题
  8. Hadoop之MapReduce入门
  9. 回顾4180天在腾讯使用C#的历程,开启新的征途
  10. 机器学习笔记(十):机器学习系统的设计
  11. mysql 1033 frm_MySQL ERROR 1033 (HY000): Incorrect information in file. 处理一例
  12. 【Day14】ajax 的原理
  13. php 地址栏url,php 如何隐藏url地址栏参数
  14. 如何用DAX实现查看每个月中不同类别排名前一位,以及一个简单的svg案例
  15. 加密解密技术基础、PKI及创建私有私有CA
  16. python 传参open
  17. System center 2012 R2 实战三、windows server 2012R2安装sharepoint2010及排错
  18. OpenGL编程指南(第七版)
  19. 微软 Access数据库操作 中文教程
  20. python压缩图片 指定大小

热门文章

  1. # 畸变矫正_别让这个细节毁了你的照片,学会正确进行畸变调整
  2. 求圈地的方块数java,java实现第三届蓝桥杯方块填数
  3. python的编程方式模块化_我的Python笔记·模块化编程(一)
  4. 能使Oracle索引失效的六大限制条件
  5. ElasticSearch5.4X 搜索引擎查询java工具类
  6. 华三模拟器hcl实验手册_实验室 | # 实验室废气处理系统的设计#
  7. linux如何查看所有的用户和组信息?
  8. Docker入门与应用系列(二)镜像管理
  9. wordpress的下载和安装介绍
  10. sql 查询所有数据库-表-表结构