01 前端语言的基本能力
HTML :构造一个结构; CSS ：使网页具有风格; JavaScript ：增加互交性;
Brower
graph TD
HTTP --> 构建DOM树 --> 计算CSS树 --> 排版 --> 渲染合成 --> 绘制
DOM树
02 什么是前端？
1.解决GUI人机交互问题
2.跨终端
2.1PC/移动浏览器
2.2客户端/小程序
2.3VR/AR等
3.Web技术栈
4.前端技术栈
前端应该关心哪些方面？
功能，美观，安全，兼容，体验，性能，无障碍。
HTML 语法
-标签和属性不区别大小写，推荐小写。 -空标签可以不闭合，比如：input，meta。 -属性推荐用双引号包裹。 -某些属性值可以省略，比如required，readonly。
语义化是什么意思？
-HTML中的元素、属性及属性值都拥有某些含义。 -开发者应该遵循语义来编写HTML。 -有序列表用ol，无序列表用ul。 -lang属性表示内容所使用的语言。
语义化的好处
-代码可读性 -可维护性 -搜索引擎优化 -提升无障碍性
如何让做到语义化？
-了解每一个标签和属性的含义 -思考什么标签最适合描述这个内容 -不使用可视化工具生成代码
