这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
什么是前端？
前端工程师使用WEB技术栈解决多端图形用户界面交互问题。
1.WEB技术栈：html(负责页面内容和结构)，css(设置页面样式和布局)，js(定义网页的行为) html、css、js运行在浏览器中，浏览器通过HTTP协议与服务器通信，从服务器中拿到前端代码并将它渲染成页面，或者把用户填写的内容或行为提交到服务器端 2.解决图形界面下人机交互问题。前端关注哪些方面？(功能、美观、无障碍、安全、性能、兼容性、用户体验) 3.跨终端：PC/移动浏览器，客户端/小程序，VR/AR等
前端的边界：
node.js开发服务器端的应用，electron或者React Native开发客户端应用，webrtc进行p2p在线传输，实现多人会议，webGL开发3D游戏，webAssembly把其他语言编写的代码编译成直接在浏览器中运行的代码 5.开发环境：浏览器、编辑器
HTML(HyperText Markup Language)是什么？
1.HyperText：超文本，包括图片、标题、链接、表格 Markup Language：标记语言，以标签形式出现，标签里有属性名和属性值
2.标记html版本，浏览器据此决定渲染模式
3.浏览器拿到html之后解析成dom树
一些小知识：
1.dl定义列表，dt列表里的标题，dd定义的描述，dt与dd是一对多关系
2.img标签中Alt属性表示：图片加载不出来时的一种文字描述
Audio中加controls属性默认显示浏览器播放控件。
3.Input中placeholder属性表示占位符，即用户无输入时默认显示的内容。
4.用户输入时给一些提示来辅助，通过input中list属性来实现，通过list来指定提示的选项。
5.Blockquote：快捷引用，长引用，别人的一段话
Cite：短引用，名字或者章节
q：具体引用的内容，比较短
Strong：强调，突出重要性、紧急性
Em：强调，突出语气，比如一段话中需要重读的词
在学习HTML过程中，我们要多了解标签和属性的含义，思考比较同一类标签的区别，比如用于引用的三个标签之间的区别，并加以灵活应用，选择合适的标签来描述。
