网页

当我们利用流浪器访问网页时,其实是有物理文件传输的，浏览器会将网页上的内容缓存到本机
我们平时在上网会感觉到第二次访问页面比第一次访问快,是因为第一次访问时已经将网页上的信息缓存到了本地中.
我缓存文件夹中除了缓存图片还缓存了一些,例如.js.css.html等文件,网页不是一个文件,而是一堆文件,网页越复杂那么组成网页的文件就越多.

请求数据

                     1.发送"请求报文"
            你的电脑---------------->服务器
                                 2.处理浏览器请求      
                                 3.处理结果返回浏览器    
                    <----------------                      
                        4.发送"响应报文"      
            5.解析浏览器返
                回的内容
                呈现页面    
                        请求报文：
                        请求行+请求头+空行+请求体
                        响应报文:
                        响应行+响应头+响应体

http 协议

hypertext transfer protocol 超文本传输协议

http协议包含：http请求,http响应。

请求:request,浏览器根据网页向对应的服务器发送请求,一个网页中会发多个http请求;

响应:response,服务器根据请求响应文件,将页面传输个客户端.浏览器进行页面渲染.

HTML

hypertext markup language ,超文本标记语言

超文本 :文本以外的内容,包含图片,视频,音频,超链接等.

HTML 是一门标记语言,通过标签给普通文本添加特殊语义,搭建网页结构,标签在浏览器中是不显示的.

HTML 结构

<html>
    <head>
        <title>网页标题</title>
    </head>
    <body>
        网页主体
    </body>
</html>

字符集

utf-8：国际标准字库，内部包含人类的所有语言，编译一个文字时，用到字符多，导致一个中文占3个字节。

gbk、gb-2312：国家标准字库，内部包含所有中文汉字、一些特殊符号、日语平假名、英文等，一个中文汉字占2个字节。

空白折叠现象

普通文本之间有一个空白折叠现象：连在一起的空格、换行、缩进在浏览器加载时，会被压缩成一个空格显示。

标签之间对空格、换行、缩进不敏感

标签之间无论有没有空格、换行和缩进，对在浏览器中的加载效果没有任何影响。

页面锚点跳转 (点击超级链接在页面内部跳转到某个位置。)

<a href="#jingli">早年经历</a>
  
     <h2 id="jingli">早年经历</h2>
    <a name="jingli"></a>

  <a href="#">返回顶部</a>

<a href="javascript:;">空链接，不会跳转</a>

内核

IE Trident内核（微软）、chrome（谷歌）Blink、Firefox（Mozilla）Gecko、Opera（欧朋）Blink、Safari Webkit（苹果）。

关于网页