HTML学习（一）：web基础

前言

形色匆匆，如今我又开始挑战新的内容了。

两年前下定决心开始学习python的时候还历历在目。两年过去，我也使用python写了好多东西，完成了让自己自豪的SDN控制器的开发。现在的我，能够真正的被称为一个程序员了吗？

但这还是远远不够的，python也还需要成体系的去学习前端后端等等各种框架，而且在就业时发现相比于C++、java，python的使用率是相当低的。

即便是使用python搭建的后端，等到框架变大之后还是需要java重新搭建一遍。

为了以后的挑战，我至少还需要掌握一门常用的开发语言。现在我拥有了学习前后端的机会。

（一边变强一边有钱拿，岂不美滋滋）

总之，向着更多的技能前进吧！

这里的学习主要是对千古一号github前端知识的笔记

什么是web

Web（World Wide Web）即全球广域网，也称为万维网。

网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。

我们在浏览器上输入网址后，打开的任何一个页面，都是属于网页。

浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。

W3C：World Wide Web Consortium，万维网联盟组织，用来制定web标准的机构（组织）。

1、Web标准包括三个方面：

• 结构标准（HTML）：用于对网页元素进行整理和分类。

• 表现标准（CSS）：用于设置网页元素的版式、颜色、大小等外观样式。

• 行为标准（JS）：用于定义网页的交互和行为。

根据上面的Web标准，可以将 Web前端分为三层，如下。

2、Web前端分三层：

• HTML（HyperText Markup Language）：超文本标记语言。从语义的角度描述页面的结构。相当于人的身体组织结构。

• CSS（Cascading Style Sheets）：层叠样式表。从审美的角度美化页面的样式。相当于人的衣服和打扮。

• JS：JavaScript。从交互的角度描述页面的行为。相当于人的动作，让人有生命力。

浏览器

常见浏览器

浏览器分成两部分：

1. 渲染引擎（即：浏览器内核）

2. JS 引擎

1、渲染引擎（浏览器内核）

浏览器所采用的「渲染引擎」也称之为「浏览器内核」，用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。

渲染引擎是浏览器兼容性问题出现的根本原因。

渲染引擎的英文叫做 Rendering Engine。通俗来说，它的作用就是：读取网页内容，计算网页的显示方式并显示在页面上。

2、JS引擎

也称为 JS 解释器。 用来解析网页中的JavaScript代码，对其处理后再运行。

浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时会逐行解释每一句源码（转换为机器语言），然后由计算机去执行。所以 JavaScript 语言归为脚本语言，会逐行解释执行。

3、浏览器工作原理

1、User Interface 用户界面，我们所看到的浏览器。

2、Browser engine 浏览器引擎，用来查询和操作渲染引擎。

3、Rendering engine 用来显示请求的内容，负责解析HTML、CSS。

4、Networking 网络，负责发送网络请求。

5、JavaScript Interpreter(解析者) JavaScript解析器，负责执行JavaScript的代码。

6、UI Backend UI后端，用来绘制类似组合框和弹出窗口。

7、Data Persistence(持久化) 数据持久化，数据存储 cookie、HTML5中的sessionStorage。