接上篇,我们的浏览器和网站服务器建立连接以后:

浏览器向主机发起一个HTTP-GET方法报文请求。浏览器该请求简单来说就是想让主机服务器把最原始的网页发送过来。

一按ctrl就弹出浏览器主页(输入网址按回车后浏览器在做什么)(1)

html

主机服务器返回状态码200 OK,表示服务器可以相应请求,返回报文,由于在报头中Content-type为“text/html”,浏览器以HTML形式呈现(就是上图),而不是下载文件。

上图如何在我们的浏览器里转化为下图呢?

一按ctrl就弹出浏览器主页(输入网址按回车后浏览器在做什么)(2)

我们上网的人类不习惯看图1样式的网页,浏览器就会将其转化为图2适合人类阅读和操作的网页形式。

html

  1. HTML(Hyper Text Markup Language)超文本标记语言,使用开始和结束标记来标记一个网页元素。

DOCTYPE 声明了文档类型

位于标签 <html> 与 </html> 描述了文档类型

位于标签 <body> 与 </body> 为可视化网页内容

位于标签 <h1> 与 </h1> 作为一个标题使用

位于标签 <p> 与 </p> 作为一个段落显示

Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。

浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容是给用户。

一按ctrl就弹出浏览器主页(输入网址按回车后浏览器在做什么)(3)

css

2.CSS(Cascading Style Sheets)层叠样式表

CSS 描述了HTML元素的可视化样式(外观,布局,颜色,字体)。

CSS是单独设计的文件(外部样式表)(从而大大提高HTML的灵活性和减少HTML的复杂性)。

CSS简单易学。你可以把一个HTML元素当作选择器,并在大括号内的列出样式属性。

一按ctrl就弹出浏览器主页(输入网址按回车后浏览器在做什么)(4)

3.JavaScript客户端脚本(浏览器脚本---“制定”浏览器行为)

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用(向HTML页面添加交互行为)。

(ASP/PHP服务器端脚本“制定”服务器行为)

JavaScript可以:在HTML页面中放入动态文本;对事件作出响应;读写(改变)HTML元素;验证数据;检测浏览器;创建Cookies。

document.getElementByID("("some id")//通过some id来找到元素,再进行操作。

这些语言,浏览器能“读懂”。它们告诉浏览器该如何对用户显示网页。(浏览器生成DOM树→生成渲染树→测量排版绘制网页)

好了,本文的目的就是让对输入网址按下回车浏览器做了什么感兴趣的小白,能有一点点初步的了解。这样看来在那0.01s之内浏览器的工作并不是那么清闲吧。

,