2024年Web前端最全HTML5笔记（基础一）(1)，前端开发社招面试总结

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

一句话概括：HTML、XHTML和HTML5，HTML指的是HTML4.01，XHTML是HTML的过渡版，HTML5是HTML的升级版

结构元素

---

header

元素一般用于3个地方：页面头部、文章头部（article）和区块头部（section），表示页面头部或区块头部，用于将介绍内容和区块的辅助导航分组到一起，所以它有可能包含区块的标题元素以及其他的介绍内容(目录、logo等)

由于

和

元素不是分节内容，所以不会引入新的分节到大纲中

nav

HTML导航栏(

)一般用于3个地方：顶部导航、侧栏导航和分页导航。描绘一个含有多个超链接的区域，这个区域包含转到其他页面，或者页面内部其他部分的链接列表

并不是所有的链接都必须使用

元素，它只用来将一些热门的链接放入导航栏，例如

元素就常用来在页面底部包含一个不常用到，没必要加入

的链接列表

一个网页也可能含有多个

元素，例如一个是网站内的导航列表，另一个是本页面内的导航列表

article

元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构。可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。当

元素嵌套使用时，则该元素代表与外层元素有关的文章。例如，代表博客评论的

元素可嵌套在代表博客文章的

元素中

元素的作者信息可通过

元素提供，但是不适用于嵌套的

元素；

元素的发布日期和时间可通过 元素的pubdate属性表示

对于

和

来说，是必须要加上标题的

aside

元素表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。一般用于表示不直接相关内容的侧边栏，

里面的内容与它所关联的内容相互独立，谁缺了谁都不影响各自文本含义的理解。如一篇文章的广告、相关背景和引述内容等

section

Section元素(

)表示文档中的一个区域(或节)，是区块级通用元素。比如，内容中的一个专题组，一般来说会有包含一个标题(heading)。一般通过是否包含一个标题(

-

element)作为子节点，来辨识每一个

如果元素内容可以分为几个部分的话，应该使用

而不是

；再有，不要把

元素作为一个普通的容器来使用，这是本应该是

的用法。 一般来说，一个

应该出现在文档大纲中

footer

元素表示最近一个章节内容或者根节点(sectioning root)元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息 \[注意\]

元素内的作者信息应包含在

元素中 

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】