这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。
一、本堂课知识点
1、什么是前端工程师
前端工程师使用Web技术栈解决多端（PC、移动浏览器、客户端、小程序）图形界面下的用户交互问题。
2、前端技术栈
浏览器端有JavaScript、CSS、HTML，其中HTML负责内容呈现、CSS负责样式、JavaScript负责交互。浏览器端使用网络协议与服务器端进行信息交流。
3、前端应关注的方面
功能、美观、无障碍、安全、性能、兼容性、体验。
4、HTML定义，即超文本标记语言
5、HTML语法
（1）标签和属性不区分大小写，推荐小写！
（2）空标签可不闭合，如input、meta
（3）属性值推荐用双引号""包裹
（4）某些属性值可省略， 如required、readonly
6、HTML语义化标签
header、nav、main、aside、article、footer。
7、语义化是什么？
（1）HTML中的元素、属性以及属性值都拥有某些含义；
（2）开发者应遵循语义来编写HTML，比如有序列表用ol、无序列表用ul、lang属性表示内容所使用的语言
8、谁在使用我们的HTML？
开发者——修改维护页面，规范化；
浏览器——展示页面；
搜索引擎——提取关键词、排序；
屏幕阅读器-给盲人读页面内容、无障碍；
9、语义化的好处：
提升代码可读性、可维护性；
搜索引擎优化；
提升无障碍性；
10、如何做到语义化？
了解每个标签和属性的含义；
思考什么标签最适合描述这个内容；
不使用可视化工具生成代码；
二、个人总结
本次课程介绍了前端基本概念和HTML语法和语义化，我们在实际研发过程中需严格按照语义化标准写HTML代码。
