前言
┌────────────┐
│ font-end │
└─────┬──────┘
│
┌──────────────────────────┼──────────────────────────────────┐
▼ ▼ ▼
┌────────┐ ┌───────┐ ┌──────────────┐
│ html │ │ css │ │ javascript │
└───┬────┘ └───┬───┘ └───────┬──────┘
│ │ │
┌────┴────┐ ┌────────┼──────────┐ ┌───────┴─────┐
▼ ▼ ▼ ▼ ▼ ▼ ▼
┌──────────┐┌───────┐ ┌────────┐┌────────┐┌──────────┐ ┌───────────┐┌──────────────┐
│ canvas ││ svg │ │ sass ││ less ││ stylus │ │ dom/bom ││ typescript │
└──────────┘└───────┘ └────────┘└────────┘└──────────┘ └───────────┘└──────────────┘
│
▼
┌─────────┐┌─────────┐┌────────────────┐┌──────────┐┌─────────┐
│ vue ││ react ││ mini-program ││ uniapp ││ taro │
└─────────┘└─────────┘└────────────────┘└──────────┘└─────────┘
│
▼
┌───────────┐┌─────────┐┌──────────┐┌────────┐
│ webpack ││ vite ││ rollup ││ gulp │
└───────────┘└─────────┘└──────────┘└────────┘ 前端知识体系核心
HTML（超文本标记语言）：用于描述网页的结构和内容，是网页的骨架。通过各种标签来定义页面元素，如标题、段落、图像、链接等。
CSS（层叠样式表）：用于控制网页的样式和布局，包括字体、颜色、背景、边框、定位等。它可以让网页更加美观和吸引人。
JavaScript：是一种脚本语言，主要用于为网页添加交互性和动态效果。可以实现表单验证、菜单切换、动画效果、与服务器进行数据交互等功能。
前端框架和库
Vue.js：一款流行的渐进式 JavaScript 框架，采用组件化的开发模式，易于上手和集成，适合构建单页面应用和复杂的前端应用。
React：由 Facebook 开发的用于构建用户界面的 JavaScript 库，采用虚拟 DOM 和组件化技术，具有高效、灵活的特点，广泛应用于大型 Web 应用和移动应用开发。
Angular：是一个全面的 JavaScript 框架，提供了一套完整的开发工具和架构，适合构建大型企业级应用，具有强大的依赖注入系统和数据绑定功能。
jQuery：曾经非常流行的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画效果等操作，虽然在现代前端开发中使用相对减少，但在一些旧项目中仍然广泛存在。
前端构建工具
Webpack：最常用的前端构建工具之一，用于将多个模块打包成一个或多个 bundle，支持代码拆分、热更新、优化等功能，能有效管理前端资源和优化项目性能。
Gulp：基于流的自动化构建工具，通过任务流的方式来执行构建任务，如文件压缩、代码检查、浏览器同步等，可灵活配置和扩展。
开发学习规范
- 目录组织、文件结构
- 文件夹命名、文件命名、类、函数、变量等等命名规范
- 代码缩进问题（2个空格、4个空格）、注释规范
- 代码抽取、封装、设计思想
开发学习环境
- easylearning.vip工作实例
- chrome浏览器
- VScode编辑器
学习过程，基于mdn 官网学习html 元素
### 基于mdn 官网学习html