前端与HTML | 青训营笔记
这是我参与【第四届青训营】笔记创作活动的第1天
一、什么是前端
解决GUI人机交互问题
跨终端
PC/移动浏览器
客户端小程序
VR/AR等
Web技术栈
使用Web技术栈解决多端图形用户界面交互问题
二、前端技术栈
JavaScript（行为）
CSS（样式）
HTML（内容）
浏览器通过HTTP协议从服务器端获取前端代码进行页面渲染
三、前端应该关注的方面
美观、功能、无障碍、安全等
主要在于用户的体验
四、前端的边界
node.js 开发服务端应用，是一个基于 Chrome V8 引擎的 Javascript 运行环境
electron、React Native 开发客户端应用， electron可以理解为一个壳子，用于展示网页内容的壳子，相当于一个独立的浏览器，而这个浏览器可以提供给你一些接口，去调用系统的资源；React Native是Facebook于2015年4月开源的跨平台移动应用开发框架
WebRTC 实现P2P在线多人会议
WebGL开发3D游戏
WebASSEMBLY可以将C++、Rust编译成能在前端运行的代码
前端技术发展日新月异，不再局限于页面上的交互效果，我们也需要不断学习新技术，通过新技术完成一些有意思的开发。
五、HTML
标签属性不区分大小，通常用小写
空标签不用闭合
属性值使用双引号包裹
作为网页主体组织信息
六、语义化
HTML中的元素、属性及属性值所拥有的含义
遵循语义来编写HTML
ol用于有序列表；ul用于无序列表
lang属性表示内容的语言
如何做到语义化？
- 了解标签和属性含义
- 思考适合当下内容的标签
- 不使用可视化工具生成代码
七、小结
由于本身有一定的基础，因此本节课程相对简单。不过，在我看来第一节课程更多的是回顾和适应节奏，并根据课程内容进行拓展性学习，期待后面的课程学习。
