这是我参加「第五届」青训营伴学笔记创作活动的第1天 在这里 什么是前端：解决GUI人机交互问题，跨终端（PC/移动浏览器，客户端/小程序，VR/AR等）， 我学习到了很多有用的知识，老师的讲解深入人心让我十分受益，激发了我对前端学习的兴趣Web技术线

前端技术栈服务器端通过网络协议与JS(行为）CSS（样式）、HTML（内容）相互连接

前端应该关注哪些方面：美观、安全、功能、体验、无障碍、性能、兼容

前端的边界：node,electron,react native, web rtc, web gl,web assembly

开发环境：浏览器：IE浏览器，谷歌浏览器，火狐浏览器，Safari, 编辑器：VScode/Vim

HTML是什么：hypertext（图片、标题、链接、表格） markup language

文章标题及内容等

属性名，属性值

HTML语法：标签和属性不区分大小写，推荐小写，空标签可以不闭合，比如input/ meta属性值推荐用双引号包裹，某些属性值可以省略，比如required。

标题h1到h6, 链接，输入

内容划分：最上header，左中article，右中aside,最下footer

语义化是什么：HTML中的元素、属性及属性值都拥有某些含义，开发者应遵循语义来编写HTML：有序列表的用ol; 无需列表用ul，lang属性表示内容所使用的语言

谁在使用我们写的HTML：开发者，维护修改页面，浏览器，展示页面，搜索引擎：提取关键词、排序，屏幕阅读器-给盲人读页面内容

语义化：代码可读性，可维护性，搜索引擎优化，提升无障碍性

前端工程师的自我修养：传递内容，而不是样式

如何做到语义化：了解每个标签和属性的含义，思考什么标签最适合描述这个内容，不使用可视化工具生成代码，