**文档元数据：**用于定义页面的一些信息，比如标题，样式，字符编码等等，也可以用于SEO优化，被搜索引起收录，元素大致有：head，title，base，link，meta，style，sricpt等其中这里面的根元素是head标签，其他的都写在head里面；
**内容分区元素：**在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-画布
**表格元素：**可以创建和处理表格，
常用的有：table-表格，caption-表格标题，colgroup-列表横跨，col-列表纵向跨列，tbody-表格主体，thead-表格头部，tfoot-表格底部，tr-行，td-单元格，th-表头单元格
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
最后
前端校招精编面试解析大全点击这里获取完整版pdf查看
tps://img2.imgtp.com/2024/03/13/H4lCoPEF.jpg" />
最后
前端校招精编面试解析大全点击这里获取完整版pdf查看
