这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
本堂课重点内容：
- 本堂课的知识要点有哪些？
1.前端的介绍
2.HTML的相关内容
3.CSS的相关内容
知识点举例 一句话总结前端？前端是使用web技术栈解决多端图形用户界面交互问题的工程师。
技术栈？ html负责内容 css负责样式 js负责交互 通过网络协议与服务器端进行交互
前端应该关注那些方面？ 功能、美观、兼容、性能、无障碍、安全、体验
前端边界？ 服务端有node，跨平台桌面端有electron，移动端有react Native,webRTC实时通讯技术，图形学webgl，可视化方面有Echarts，D3等库
浏览器的渲染过程？
- 解析收到的文档，根据文档定义构建一颗DOM树，这棵树由DOM元素以及属性节点组成的
- 解析CSS生成CSS规则树
- 根据DOM树，CSS规则树生成渲染树，去除不可见元素，渲染树的节点称为渲染对象，渲染对象对应DOM元素
- 浏览器根据渲染树来进行布局（也叫回流），得到节点的几何信息(宽度、高度和位置等)。
- Painting (重绘):根据渲染树以及回流得到的几何信息，将 Render Tree 的每个像素渲染到屏幕上。
html标签开头通常会有，作用是？告知浏览器的解析器用什么文档标准解析这个文档，不存在或者格式不正确会导致兼容模式，出现怪异行为
HTML（HyperText Markup Language）是超文本标记语言，主要是用于规定怎么显示网页。超文本值的含义是可以有图片，音频等内容。标记语言的意思是使用一对对闭合的标签来描述内容。
学习html需要格外关注语义化，不同的标签具有不同的语义，使用正确的标签便于seo优化，代码维护。
列表标签有三种，有序列表ol（ordered list），无序ul（unordered list），这两个的子项是li。
- 主要描述键值对（definition list）里面键的值是dt（definition title）,值dd（definition title）
效果如下图所示
- 我参考了哪些外部博客/笔记/文章？ 回流和重绘，juejin.cn/post/701318…
引用参考：
