前端
前端三大要点：
- 解决GUI人机交互问题
- 跨终端（pc浏览器，移动端，）
- Web技术栈
前端技术栈：HTML(内容) CSS(样式) JavaScript（行为） 通过网络协议与服务器端交互
通俗来讲 html标签就是骨架器官，css就是外貌装饰，javascript就是人的行为与外界能够交互
前端的关注点：功能，美观 无障碍 安全 性能 兼容性，比较重要的点就是用户的体验
HTML语法：
页面基本结构：
<!DOCTYPE html> // 标记了使用的html版本
<html lang="en"> // html为根标签
<head> // 不需要呈现在页面上的信息 配置
<meta charset="UTF-8"> // 页面编码
<title>页面标题</title>
</head>
<body> // 放的就是需要呈现在页面上的内容
<h1>一级标题</h1>
<p>段落内容</p>
</body>
</html>
DOM树用来清晰的表示标签与标签之间的关系
hyper text 即超文本，比如 图片、标题、链接、表格等
标签和属性不区分大小写，推荐小写（因为vue、react的框架中一般会采用大写来表示自定义组件）
空标签可以不闭合，比如 input、meta
属性值推荐使用双引号包裹
某些属性值可以省略，如required，readonly
语义化
语义化指的是：
- HTML中的元素、属性及属性值都拥有某些含义。
- 开发者应该遵循语义来编写HTML。
-
- 比如有序列表用ol；无序列表用ul
- 例如加lang属性表示内容所使用的语言
这有利于开发者（修改维护页面）、浏览器（展示页面）、搜索引擎（提取关键词、排序）、屏幕阅读器（给盲人读页面内容），即增强代码可读性、可维护性、搜索引擎优化，提升无障碍性。
如何做到语义化
- 了解每个标签和属性的含义
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码
总结体会：
第二天的学习内容主要以HTML为主，讲了html的特征、基本语法格式、各种基础标签的作用等等，使我对HTML有了更进一步的了解，收获颇多。前端三件套中的每一个都非常重要，必须每个都沉下心来好好学习，将来才能结合起来写出优质的代码，把项目做好。
