当前位置: 首页 > news >正文

前端最新基础知识

article元素

article元素表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分,并且这部分专用于独立地分类或复用,例如聚合。一个博客帖子、一个教程、一个新的故事、视频及其脚本,都很好地符合这一定义。

除了内容部分,一个article元素通常有它自己的标题(通常放在一个header元素里面),有时还有自己的脚注。

另外,article元素也可以用来表示插件,它的作用是使插件看起来好像内嵌在页面中一样。
section元素

section元素代表文档或应用程序中一般性的“段”或者“节”。“段”在这里的上下文中,指的是对内容按照主题的分组,通常还附带标题。例如,书本的章节,带标签页的对话框的每个标签页,或者一篇论文的编节号。网站的主页也可以分为不同的节,如介绍、新闻列表和联系信息。一

section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素;当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素。

section元素的作用是对页面上的内容进行分块,或者说对文章进行分段,但是不要与article混淆,因为article是有着自己完整、独立的内容。

下面来看article元素与section元素结合使用的两个实例,来更好地理解article元素与section元素的区别。

首先来看一个带有section元素的article元素实例,实例代码如下。

上面的代码中内容首先是一段独立的、完整的内容,因此使用article元素。这是一篇关于葡萄的文章,该文章分为3段,每一段都有一个独立的标题,因此使用了两个section元素。这里需要注意的是,对文章分段的工作也是使用section元素完成的。

将section元素用作设置样式的页面容器,那是div元素的工作。

当article元素、aside元素或nav元素更符合页面要求时,尽量不要使用section。

不要为没有标题的内容区块使用section元素。

nav元素

nav元素用来构建导航。导航定义为一个页面中(例如,一篇文章顶端的一个目录,它可以链接到同一页面的锚点)或一个站点内的链接。但是,并不是链接的每一个集合都是一个nav,只需要将主要的、基本的链接组放进nav元素即可。例如,在页脚中通常会有一组链接,包括服务条款、版权声明、联系方式等。对于这些footer元素就足够放置了。一个页面中可以拥有多个nav元素,作为页面整体或不同部分的导航。

nav元素的内容可能是链接的一个列表,标记为一个无序的列表,或者是一个有序的列表,这里需要注意的是nav元素是一个包装器,它不会替代<ol>或<ul>元素,但是会包围它。通过这种方式,不能理解该元素的旧版本浏览器将会显示列表元素和列表项,并且显示效果完全正常。

在这里小编给大家分享一个前端入门的视频教程,适合零基础想要入门的小伙伴,有经验的程序员也可以加以巩固。

为初学者而著!

适合零基础的小伙伴们学习前端

感兴趣的小伙伴可以点视频链接和小编一起学习,共同进步!

https://www.bilibili.com/video/BV1iD4y1C7my/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421cicon-default.png?t=M85Bhttps://www.bilibili.com/video/BV1iD4y1C7my/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421c

相关文章:

  • 【2022年玄武云科技AI算法岗秋招面试记录】
  • ROBOGUIDE软件:FANUC机器人电弧跟踪功能介绍与示教编程操作
  • 5 个 TypeScript 库来改进你的代码
  • 高校教学管理信息系统/教学管理系统
  • 网络规划设计师上午真题(2020)
  • Java基础知识-char
  • 小程序是什么?
  • Springboot 对接云端服务器
  • PyTorch之数据集随机值
  • #边学边记 必修4 高项:对事的管理 第六章 项目质量管理之质量控制
  • docker的网络模式
  • 集中供暖热计量温控一体化管理系统
  • mybatis案例--mapper代理开发
  • 【程序运行时的两种环境】
  • vue的相关概念
  • python驾到~障碍通通闪开,美女批量入内存~
  • 【UV打印机】RYPC打印软件教程(六)-系统维护
  • 数据库语句的基本
  • 【备战蓝桥杯 | 软件Java大学B组】十三届真题深刨详解(1)
  • 【MATLAB教程案例25】常用图像变换域的matlab仿真分析——DFT频域,DCT域,小波域等
  • JSP文件上传
  • qt人员管理模块(模块化程序)功能块复制直接使用不冲突
  • [附源码]计算机毕业设计微信点餐系统Springboot程序
  • List——顺序表与链表(二)
  • PCB入门介绍与电阻电容电感类元件的创建
  • MongoDB入门与实战-第五章-MongoDB副本集
  • 山东电蒸汽发生器厂家_清洗机蒸汽发生器
  • 15吨燃煤锅炉改生物质锅炉可以吗_燃煤锅炉环保要求
  • 生物质颗粒锅炉点不着_生物质颗粒能否替代煤锅炉