一，什么是前端
1.用来解决图形化界面（GUI）人机交互问题的方法，包括pc/浏览器，客户端/小程序等多种终端。
2.前端工程师就是通过web技术站来解决多端GUI人机交互问题的工程师
二，前端的技术栈
网页端 （最基础的前端技术栈）：HTML构成网页的内容，css定义网页的样式，JavaScript设定网页的行为。通过http协议从网页端发送或接收信息到服务器端。
三，前端的侧重方面
1.功能：做出的产品能否满足客户的各种需求。
2.美观：产品在有基础的功能之外，是否有一个美观的外包装
3.无障碍：产品是否能让所有用户都能满足需求，能否让有困难的客户也能过正常使用产品
4.安全：产品能不能保证所有的用户数据的安全，以及产品是否有漏洞。
5.性能：产品能不能在达到需求的同时，让客户的体验性更好。
6.兼容性：产品能否在多端都能正常使用。
7.用户体验：产品能否让客户在体验中满意。
四，前端的扩展
- 使用
node.js来开发服务端的应用 - 使用
electron来开发客户端的应用 - 使用
webRTC进行p2p传输 - 使用
webGL开发3D游戏
五，开发环境
- 浏览器：edge，Chrome，Firefox，Safari等常用浏览器
- 编辑器：vscode (常用)，vim，webstrom等
六，HTML简介
超文本标记语言
-
HTML通过不同的标签来表示内容例如：
<p>这是一段文字</p> -
html文件中开头的
<!doctype html>说明了HTML文件的html版本，决定了浏览器的渲染模式。 -
<html></html>是HTML文档的根标签 -
根标签的第一个子标签
<head></head>主要存放用户不可见的页面元数据如页面标题<title></title>字符编码等 -
第二个子标签
<body></body>主要放网页可见的所有内容
HTML主要作用是传达内容
DOM树
七，HTML语法
- 标签和属性不区分大小写，建议小写
- 属性值建议用双引号包裹
八，HTML内容划分
九，HTML语义化
- HTML元素，属性及属性值都有某些含义
- 应该遵循语义来编写HTML （避免处处都是div,可读性更强）
- 使用
lang属性来表示内容使用的语言
十，语义化的意义
- 使代码更具有可读性，便于维护，修改。
- 便于搜索引擎更好的查询搜索
