真的是到了自己记笔记的时候，才能发现自己的记笔记能力是多么的差劲www
-
解决GUI人机交互问题
-
跨终端
- pc/移动浏览器
- 客户端/小程序
- VR/AR等
- web技术栈
什么是前端？
综上，使用web技术栈解决多段人机交互问题。
前端技术栈
HTML、css、JavaScript运行在浏览器，通过http协议与服务器进行通信，前端代码通过http协议从服务器上面拿到，拿到后渲染成页面。浏览器也可以将用户的行为提交到服务器端。
前端应该关注哪些方面？功能、美观、无障碍、安全、性能、兼容、体验
前端的边界？
- nodejs开发服务器端的应用
- electron开发客户端的应用
- webGL开发流畅的3D游戏....
前端在互联网领域发展非常迅速，入门也相对容易。
什么是HTML？
<!doctype html>标记了当前在使用的HTML文件是什么样的HTML版本，浏览器会根据这个去决定使用哪一种渲染模式。
浏览器拿到HTML代码后，回解析得到一个DOM树
文本类标签：
- 快捷引用：
<blockquote></blockquote>，cite属性表示这段文字来源 - 短引用：
<cite></cite>用短短几个字表示引用了书名或者其他内容 - 短引用：
<q></q> - 代码：
<code></code>,<pre></pre> - 强调：
<strong></strong>表示东西重要，<em></em>表示语气强调
内容划分：
语义化是什么？
- HTML中的元素、属性和属性值都拥有某些含义
- 开发者应该遵循语义来编写HTML
谁在使用我们写的HTML
- 开发者——修改、维护界面
- 浏览器——展示界面
- 搜索引擎——提取关键词、排序
- 屏幕阅读器——给盲人读页面内容
如何做到语义化？
- 了解每个标签和属性的含义，推荐：w3c，MDN
- 思考什么标签最适合描述这个内容
- 不使用可视化工具生成代码，无法控制生成标签
个人感想：HTML的学习入门很简单，可以靠着自主的翻看文档练习大致掌握，然后在项目中查阅便进一步熟练掌握。
我最开始学习的时候是配套着尚硅谷的视频练习常用便签，和从头至尾的阅读菜鸟教程，后来在做一些小项目的过程中，遇到问题不断查阅学习来更加深入地掌握。
