学习前端可以先来了解一些前端中的常识性概念：
工作流程大致是什么样子？
UI制作设计稿--前端使其在网页上用代码呈现出来--配合后端实现需求的功能
学会可以做什么？
可以制作企业网站、后台管理系统、app、小程序……
网页与网站
网页
指由图片、链接、文字等元素组成的单一页面，通常后缀名为HTML格式的文件
网站
指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合
常用浏览器及内核
HTML相关概念
HTML定义
HTML指的是超文本标记语言，用来描述网页的语言。
HTML语义化
可以总结为：用最恰当的标签来标记内容
HTML语义化的原因
即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构语义化HTML会使HTML结构变的清晰，有利于维护代码和添加样式方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页提升搜索引擎优化(SEO)的效果。和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重便于团队开发和维护，语义化更具可读性通常语义化HTML会使代码变的更少，使页面加载更快
W3C
万维网联盟（W3C）制定的Web标准
结构、样式、行为相分离Web标准的构成
HTML规范及相关概念
HTML语法规范
1.使用正确的文档类型
即文档类型声明
2.使用小写元素名
HTML5元素名可以使用小写和大写字母
推荐使用小写字母：
小写字母便于识别阅读3.使用具有具体含义的小写类名
元素类名推荐使用小写类名使用小写字母下划线或短线组成，开头不能使用数字
4.使用小写属性名
小写字母容易书写和阅读
5.属性值
若属性值含有空格需要使用引号，建议一般都采用引号包裹属性值
6.避免单行代码过长
建议每行代码不超过80个字符
7.类名中空格和等号
等号前后可以使用空格，但建议少用空格
8.空行和缩进
不要无缘无故添加空行为每个逻辑功能块添加空行，这样更易于阅读比较短的代码间不要使用不必要的空行和缩进
9.元数据
HTML5中title元素是必须的，标题名描述了页面的主题；标题和语言可以让搜索引擎很快了解你页面的主题，有助于SEO优化；
10.HTML注释
注释可以写在!--注释内容--中，较长的注释则在其中分行写，同时第一个字符缩进两个空格，更易于阅读
11.样式表
样式表使用简洁的语法格式(type属性不是必须的)
短的规则可以写成一行
长的规则可以写成多行
将左花括号与选择器放在同一行左花括号与选择器间添加一个空格使用两个空格来缩进冒号与属性值之间添加一个空格逗号和符号之后使用一个空格每个属性与值结尾都要使用分号只有属性值包含空格时才使用引号右花括号放在新的一行每行最多80个字符