这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
了解前端：
1.解决GUI人机交互问题
2.跨终端：（一）：pc/移动浏览器
（二）：客户端/小程序
（三）：VR/AR等
3.Web技术栈
前端技术栈： HTML（内容）：负责页面结构和内容
CSS（样式）：设置页面的样式
JavaScript（行为）：定义网页的行为
前端应该注意哪些方面：
1.美观 2.安全 3.功能 4.兼容 5.无障碍 6.体验 7.性能
前端的边界：
1.node.js 2.ELECTRON 3.React Native 4.WebRTC 5.WebGL 6.WebASSEMBLY
HTML：HyperText Markup Language
img src="" alt=""：src（属性名）=“属性值”
!DOCTYPE html：浏览器根据这个来决定渲染模式
{<meta>
{<head>
{<title>----"Page Title"
DOM树：document----
{<h1>----"Heading"
{<body>
{<p>----"Page Content"
HTML语法：
1.标签和属性不分大小写
2.空标签可以不闭合 比如：input，meta
3.属性值推荐用双引号包裹
4.某些属性值可以省略 比如required ，readonly
语义化的含义：
1.HTML中的元素，属性以及属性值都拥有某些含义
2.开发者应该遵循语义来编写HTML
（一）：有序列表用ol，无序列表用ul
（二）：lang属性内容所使用的语言
谁在使用我们写的HTML：1.开发者-修改，维护页面
2.浏览器-页面展示
3.搜索引擎-提取关键词，排序
4.屏幕阅读器-给盲人读取页面内容
语义化的好处：1.代码可读性
2.可维护性
3.搜索引擎优化
4.提升无障碍性
如何做到语义化：
1.了解每个标签和属性的含义
2.思考什么标签最适合描述这个内容
3.不使用可视化工具生成代码
个人思考：
关于每个标签并不需要去深刻记住，只需要有印象，当你需要的时候你不会忘记它。
总结：
这节课的学习了解到：1.了解前端
2.前端技术栈的组成
3.DOM树结构
4.HTML语法
5.语义化的含义等等
