域名展示页 html5,百度首页在页面的展示过程

从百度URL的输入到页面展示大概分为以下几个环节：

输入百度的URL地址——对URL中域名( baidu.com)进行解析——服务器处理——网站处理——浏览器处理——绘制网页

1. 在浏览器中输入百度的URL地址

2. 对URL中域名进行解析

对于www.baidu.com的URL，浏览器实际上不知道www.baidu.com(域名)到底是什么东西？需要查找www.baidu.com网站所在的服务器的IP地址，才能知道找到目标。即通过一种方式，将www.baidu.com解析成www.baidu.com所对应的IP地址。

对URL进行解析即分析出百度的IP地址

因为我以前输入过百度，会有浏览器缓存，所以缓存的DNS会直接访问百度的IP地址。

除此之外还其他解析域名获得IP地址的方法：

系统缓存，路由器缓存，ISP DNS 缓存 等

3 服务器处理

服务器：服务器是一台安装系统的机器，就是一台电脑。

常见系统：Linux(无图形界面)、windows sever2012(可以安装一些服务端的软件，有图形界面)。

系统里安装的处理请求的软件为web server

常见的web 服务器有：Apache、Nginx、IIS、Lighttpd

在百度首页页面展示时web 服务器的作用

假设百度的机器上安装的是Nginx系统，在我访问我news.baidu.com，v.baidu.com的时候，三个网站的请求，地址，和域名都不一样，但是此时这三个网站都在一个服务器里，所以同yu域名解析得了一个机器里相同的IP地址，，即打开这两个个网站均能找到这台机器，请求被机器中的web服务器——Nginx接管，通过配置文件将请求的网站匹配相应的文件夹代码，运行返回效果。

web服务器 请求处理完以后，交接到百度，运行代码，后台执行。

4. 网站处理流程

网站对的后台语言有：ruby、nodejs、python。。。等

进行MVC模式处理

MVC:modle,view ,controller

rails+ruby做范例

浏览器访问www.baidu.com，交至www.baidu.com这个网站后代码运行，匹配路由，发现有www.baidu.com之后，交给控制器(一个代码文件)；它会向模型(可看成文件)发送调用查找所有用户请求，模型从数据库中进行查找，数据库返回之后，控制器获取模型所提供关于百度所有信息的接口数据，控制器获取所有用户数据；将数据添置到视图(可看成模板)中生成一个html，发回浏览器，即能看到有所有用户的html页面。前端对应则是视图(htmlcss框架等)

5. 浏览器处理

网站处理之后，该网站生成html页面发回浏览器，html字符串被浏览器接收后被一句句读取解析；当解析到link标签后，如某个标签对应的css地址，重新发送请求获取css代码；当解析到script标签后，向如src的地址向服务器发送请求，获取js并执行代码；当解析到img标签后发送请求获取图片资源。

即第一次获取html时，浏览器会重新把html里的链接和相关资源再请求一次，审查元素里有众多requests。

6. 绘制网页

浏览器根据html和css计算得到渲染树，绘制到屏幕，即浏览器根据html、css，它知道每个元素该怎样去放置。假设页面作为一幅画：html控制画的内容(结构层)，浏览器画(渲染)，css控制画的样子(展示层)，之后js将会被执行(行为层)最后形成了百度首页的页面展示。