2024年最新HTML（二） 元素分类(1)，开发面试流程

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！

**内容分区元素：**在h5以前都是用div的方式区分内容分区的，这个标签没有自己的语义，也就是代表任何情况下都可以使用（如果你的网站需要兼容以前的老浏览器版本比如，ie8这些，那么还是建议直接使用div），h5之后，在内容逻辑上主持了划分，可以为页面明确的制作大纲，

常见的页面元素有：

-头部,

-导航，

-主要内容，

-边栏，

-底部，

-

-标题等等；

这个部分元素，怎么说呢，就是用来搭建你页面的框架，框架搭建好了，才可以往里面填写东西，比如：

**分组内容：**可以组织内容中的块或者章节内容,对SEO很重要，

常用的有：p-段落，address-定义文档或文章的作者，hr-分割线，pre-表示计算机的源代码、对源码的展示，main-规定文档的主要内容，div-无定义、仅仅是个外框，ol-有序列表，ul-无序列表，li-列表的具体列，dl-定义列表，dt-定义列表的标题，dd-定义列表的内容；

**文本级语意：**可以定义文档中语句，结构，可以是一个词，一段文字，比如电商网站的特价，就是包裹的，

常用的有：a-代表是一个链接，span-用于组合行内元素，没有特定含义，主要给目标文字进行修饰，em-代表内容强调（目前浏览器对这个标签包括的文字内容会用斜体表示），strong-代表内容加粗，也代表这段文字重要，cite-表示下面是引用，比如引用的书籍名称，q-标签定义一个短的引用，br-换行（注意，这个标签没有结束标签，也就是没有），i-文字斜体表示，b-代表粗体文本，u-表示下划线文本等等；

注意：文本级语意标签使用，我个人的建议是，遵循定义，但是没有必要完全对照使用，比如下划线标签，斜体标签，最终的实现效果完全可以通过css实现

**嵌入内容相关：**可以支持多种多媒体资源，比如图像，音频，视频，画布，

常用的有：picture-图像，source-资源，img-图片，iframe-创建另一个内联的框架，embed-定义了嵌入的内容，video-视频，audio-音频，track-如video这类媒体媒介的外部文本，如字幕，map-可点击的图像，area-map的子元素，规定那些区域是可点击的，canvas-画布

**表格元素：**可以创建和处理表格，

前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。