前端最新基础知识

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=a7816e3b2a3a67ac39dc87f6bf92421chttps://www.bilibili.com/video/BV1iD4y1C7my/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421c