二十个知识点，学前端必知

前端，又称Web前端。是指计算机Web应用程序（网站）的前台页面，在我们打开一个网站所看到网页界面的内容以及交互体验，一般都是由前端工程师进行开发设计的页面，该内容属于前端部分。

想要真正弄懂前端，那么还需要再理解一下后端，因为这两者是相对，也是相辅相成才形成一个网站程序。
前端要用到的动态数据（或API数据），是由后端开发提供的。后端开发一般会采用PHP、JAVA、Python等其中一种开发语言，以及数据库技术。

比如：使用小程序开发者工具开发的这一部分代码，是属于前端部分。小程序开发是前后端分离的，前端获取动态数据是通过后端的API进行请求。
 

今天小编罗列了一下前端学习必须要了解的二十个知识点：
 

一、HTML

1.对 HTML 语义化的理解

见标签知其意思     header main nav aside footer h1-h6 ul li

优点：结构清晰、方便搜索引擎搜素（seo）、方便理解维护

2.区别：src 和 href

src

比如常见的  这里的 src 所指的是这个图片的所在的位置路径，script 和 iframe 也是，src 被解析的时候，会进行下载并编译，同时会暂停该文档其他资源的下载和处理，所以 js 文件的载入最好在 body 中，而不是在 head 中。

href

href被添加，元素会被识别为 css 文件进行处理，且不会停止其它资源的运行。所以建议用 link 加载 css 文件，而不是 @import。

常用的有：

超链接

引用css样式

3.DOCTYPE 的作用

作用：DOCTYPE 是文档类型 document type 的缩写。主要作用是告诉浏览器的解析器使用哪种 HTML 规范来解析页面。而如果 DOCTYPE 缺失，或形式不正确，会导致 html 文档或 HTML 文档不是以标准模式（浏览器对页面的渲染具有统一的规范）而是以混杂模式（不同浏览器有不同的的页面渲染）运行。

4.HTML5 的新特性

•  简化了文档声明，HTML5 的文档声明只需要

• 简化了编码声明，只需要

• 删除了一些能用 CSS 代替的就标签，比如

• 增加了一些新标签，改善文档结构的

• 增加了一些新的 JavaScript 的 API ，比如地理定位、请求动画帧、离线存储等

• 配合一些框架，例如 cordova 和 react 等，可以开发基于 HTML5 的移动应用。

5.script 标签中的 defer 和 async

作用