1.4 通过网络访问HTML5页面

1.3节介绍了打开和查看HTML5文档的方法，通过打开HTML5文档（位于本地计算机中），浏览器可直接读取它。当浏览网络上的页面时，浏览器会通过网络找到并下载页面到当前计算机，然后打开它。本节将介绍在本地计算机中，搭建HTTP（Hypertext Transfer Protocol，超文本传送协议）服务器，使用浏览器通过网络打开页面。

1.4.1 浏览器如何发送和处理请求

从用户输入网址到浏览器中显示出页面，要经历网址解析、建立连接、发送请求、接收和解析响应、解析HTML5文档等多个步骤，这一流程的示意如图1.14所示。

其中解析网址、建立连接的内容涉及计算机网络的相关知识。HTTP是用于万维网的传输协议，HTTP不仅可以传输HTML5文档，也可以传输图片、流媒体等类型的数据。

注意

这里所说的HTTP包括HTTPS（HyperText Transfer Protocol Secure，超文本传输安全协议）, HTTPS是应用SSL（Secure Socket Layer，安全套接字层）加密的HTTP。

1.4.2 搭建本地HTTP服务器

搭建本地HTTP服务器的方法有很多。一个比较流行的HTTP服务器是nginx，可以在其官方网站下载Windows版的可执行文件，将其解压后直接运行就可以在本地启动一个HTTP服务器。nginx的默认配置文件会监听本机的80端口。

注意

nginx可以作为HTTP服务器使用，但它的功能不止于此。

还可以使用Python启动HTTP服务器，Python默认安装了HTTP服务器模块。安装Python后，可以在任意目录下执行“python -m http.server”命令，执行该命令后，默认HTTP服务器在8000端口启动HTTP服务，服务器的根目录就是执行命令的目录。对于Python2来说，对应的命令是“python-m SimpleHTTPServer”。

1.4.3 访问本地HTTP服务器上的页面

把1.3.1小节创建的HTML5文档放到nginx或者Python的服务器目录下，在浏览器中访问由服务器地址和“/ 1.3.1.html”构成的地址，可打开该HTML5页面，效果如图1.15所示。