2019-10-11

对前端有了解，也跟着视频做过项目，但是知识不够具体系统，从头开始学一遍。以下是第一课的总结：

什么是 HTML5？

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。是现在浏览器普遍支持的一套标准

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素，比如 article、footer、header、nav、section

新的表单控件，比如 calendar、date、time、email、url、search

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

一个普通网站访问的过程

用户操作浏览器访问，浏览器向服务器发出一个 HTTP 请求；

· 服务器接收到 HTTP 请求，Web Server 进行相应的初步处理，使用服务器脚本生成页面；

· 服务器脚本（利用Web Framework）调用本地和客户端传来的数据，生成页面；

· Web Server 将生成的页面作为 HTTP 响应的 body，根据不同的处理结果生成 HTTP header，发回给客户端；

· 客户端（浏览器）接收到 HTTP 响应，通常第一个请求得到的 HTTP 响应的 body 里是 HTML 代码，于是对 HTML 代码开始解析；

· 解析过程中遇到引用的服务器上的资源（额外的 CSS、JS代码，图片、音视频，附件等），再向 Web Server 发送请求，Web Server 找到对应的文件，发送回来；

· 浏览器解析 HTML 包含的内容，用得到的 CSS 代码进行外观上的进一步渲染，JS 代码也可能会对外观进行一定的处理；

· 用户与页面交互（点击，悬停等等）时，JS 代码对此作出一定的反应，添加特效与动画；

· 交互的过程中可能需要向服务器索取或提交额外的数据（局部的刷新，类似微博的新消息通知），一般不是跳转就是通过 JS 代码（响应某个动作或者定时）向 Web Server 发送请求，Web Server 再用服务器脚本进行处理（生成资源or写入数据之类的），把资源返回给客户端，客户端用得到的资源来实现动态效果或其他改变。

first-img.png