前端工程师必备精选文章50篇：HTML语义化标签、媒体标签、表单及CSS选择器、布局

在如今这个时间和知识都是碎片化的时代，C站根据C1-C4认证的成长路径，进行知识细化整理，形成系统化的知识图谱。

通过调研一线互联网大厂的招聘JD，小编对标C站能力认证要求，为大家整理了系列技术干货合集，助力小伙伴们顺利进大厂~

小编根据C4认证的成长路径整理了前端的相关资源，从零基础带你进入前端的世界。

欢迎大家扫描文末二维码，一起学习~

一、HTML语义化标签（10篇）

1. 【html主要语义化标签（一）】
2. 【html语义化标签】
3. 【什么是HTML语义化标签？常见HTML语义化标签大全】
4. 【前端初学者对html语义化标签的理解】
5. 【html5语义化标签及优点】
6. 【什么是HTML语义化标签？为什么要用H5语义化标签？HTML5语义化标签有哪些】
7. 【前端初学者对html语义化标签的理解】
8. 【在html中使用语义化标签的好处】
9. 【HTML5语义化标签】
10. 【一些常见html5语义化标签】

二、HTML媒体标签（10篇）

1. 【HTML-多媒体标签】
2. 【HTML5-媒体标签】
3. 【关于 HTML 媒体标签中 audio 和video 自动播放问题】
4. 【HTML标签常用标签】
5. 【HTML——多媒体标签的基本属性及使用】
6. 【HTML——音乐视频标签】
7. 【粗识 HTML5 video 标签和MSE媒体源扩展】
8. 【HTML_多媒体效果_embed标签详解】
9. 【说说如何使用 HTML5 嵌入音频和视频（媒体标签）】
10. 【在html中嵌入多媒体文件】

三、HTML表单元素（10篇）

1. 【HTML-表单（非常详细）】
2. 【HTML 表单制作】
3. 【HTML中Form表单的使用】
4. 【HTML列表 form表单 选择按钮】
5. 【html中表单和标签选择器】
6. 【html表单提交的方式】
7. 【html表单制作】
8. 【html表单整理，实例】
9. 【垂直布局的HTML表单】
10. 【HTML登录表单】

四、CCS选择器（10篇）

1. 【这30个CSS选择器，你必须熟记（上）】
2. 【CSS选择器到底有哪些？CSS笔记（一）】
3. 【CSS选择器】
4. 【css选择器---组合选择器】
5. 【css选择器是什么？css选择器有哪些类型？】
6. 【CSS3选择器介绍及用法总结】
7. 【CSS的四种基本选择器和四种高级选择器】
8. 【css的父选择器】
9. 【css选择器& 选择器的优先级】
10. 【CSS选择器的权重计算】

五、CSS布局（10篇）

1. 【CSS五种布局方式】
2. 【常见 五大CSS 布局方式 总结】
3. 【几种常见的 CSS 布局】
4. 【HTML CSS + DIV实现整体布局 （推荐）】
5. 【CSS布局篇之左右布局】
6. 【常见 五大CSS 布局方式 总结】
7. 【CSS百分比布局】
8. 【div+css布局与table布局比较】
9. 【CSS常见布局整理】
10. 【css布局float浮动布局详解】

最后是广告时间，CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。

扫描下方二维码，添加小龙女，预约直播学习，预约考试，领取系统学习资料，记录自己的成长过程，更多详情可点击链接查看https://ac.csdn.net