这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
前端基础篇
前端技术栈：
- HTML（结构内容，页面上的内容和文本图片等等.......）
- CSS（样式，页面上的内容的外观的修饰，比如文字颜色，文字大小，图片大小，容器大小，布局，交互等等）
- JS（行为，页面上的逻辑处理，也是比较重要的东西，比如操作dom，用户操作，数据计算，数据渲染等等）
- 网络协议（前后端交互，就是用户与数据的交互，比如登录注册，渲染用户内容数据，表单提交，等等）
前端应该关注的方面：
美观、安全、功能、性能、无障碍、兼容性（各种设备的使用）、用户体验
语法注意点：
- 标签和属性不区分大小写，推荐小写；
比如：<p></p><h1></h1><input><blockquote></blockquote>......； 但是在使用一些前端框架时(如：vue.js、React等)我们定义组件时可以使用大写，根据实际情况来定。 - 空标签可以不用闭合，在后面打上一个\即可；
比如：<input><img /><br /><meta> - 属性一般推荐用双引号包裹。
比如：<span class="box1">文字</span> - 某些属性的值可以省略。
比如：<input required="required">我们就可以简写为：<input required> - 在开发中要注意语义化书写，不建议使用可视化生成工具开发，使用规范开发可以利于其它开发者阅读，浏览器的一些插件（比如浏览器右键翻译）的抓取使用，各种搜索引擎的关键词抓取。
- HTML5开发时多了一些语义化标签，我们可以根据页面结构来定义盒子的标签名：
比如：定义网页底部的一些内容的主盒子我们就可以使用
<footer></footer>标签，大多数网页可以向图片上面的来划分。
