解析器以及客户端的请求过程 window窗口等

1. 谷歌浏览器(chrome)

内核是webkit  引擎是v8

每个浏览器都有自己的解析器 谷歌浏览器的浏览器是自己特有的 用来解析代码的,当然百度也有自己的解析器 每个浏览器的解析器都不一样  为什么会出现兼容性呢? 就是因为每个浏览器的(也叫内核不一致  内核也叫引擎)解析器不一样

2. 客户端与服务器之间的请求过程:

普通浏览器是多人同时在线请求访问的  传送的是数据   

快播是一人请求 边看边缓存的模式 传送的是文件  快播采用的技术是一人请求了之后  下一人再看的话就会向上一个已经请求过的人请求  也就是说以上一个人为服务器 请求访问 访问的是上一个人的资源  

普通浏览器与快播等浏览器目前国内采用的都是边缓存的技术 但普通浏览器与快播有着不一样的地方 普通浏览器的被访问的量不一样  普通浏览器的访问是多人在线同时请求访问 而快播是一人请求访问后者以此类推  就是只要你访问了  资源就缓存到了你的手机 别人在访问的时候就是以你为服务器进行访问 访问的是你已经下好了的资源 所以快播不卡。

解析器以及客户端的请求过程 window窗口等

我们一般都是通过地址栏请求访问浏览器中的数据、资源的  向服务器请求 把数据响应出去 不是像快播一样把整个文件响应出去,如果数据过大的时候会进行断电传送也就是推出来一点看一点那种

http明文协议  它是一个免费协议 相比较于需要购买的https  保密协议来说安全性低

 

 

 

解析器以及客户端的请求过程 window窗口等

 

前面的127.0.0.1:8020是ip地址 是每个人独有的一个ip地址 其中的”新建文件夹”、”练习所有的网页“以及“月考-极果”都是请求目录 后面的极果。html是请求文件

 所有的pc浏览器的窗口都是window 引擎是v8           安装APP的窗口的webview 引擎是webkit

<!DOCTYPE html>这个标签放在文档的开头代表什么 有着什么功能?

该标签是用来给浏览器设置解析方式的  让浏览器以W3C标准解析和旋绕页面的

浏览器解析和渲染页面有两种模式

1. 是按照浏览器自己特有的方式来解析和渲染页面   这种模式是怪异模式

2. 是按照W3C的标准来解析和旋绕页面    这种模式是标准模式

如果html中不加这个标签 那么浏览器就会以自己的方式来解析和渲染页面 默认使用怪异模式

在不同的浏览器有着不同的效果,加上这个标签 这个声明了以后  它就会按照标准模式进行解析,在不同的浏览器中效果也会保持一致

看到这个声明 这个标签  我们不难看出这是一个h5的页面 加上这个声明以后 h5新增的特性就可以使用了

html根节点标签(HTML文档的根元素是 html 元素,从 <html> 标签开始,到 </html> 标签结束。根元素的作用就是告诉浏览器,在 <html> 和 </html> 之间的内容是HTML类型,浏览器便按HTML进行解析其中的内容。)

 head 头部标签

    1.meat标签 元信息标签

       属性 charset    

     Charset=”UTF-8”;    字体编码,国际通用

     Charset=”gb2312”;  字体编码,国内

     Charset=”Big5”;    字体编码 * 香港

   <meta name="Description" content=""/> 用于网站做官方网站说明的 content就是说明的具体网站

        2. <meta name="Keywords" content=""/> 用于网站关键字搜索的

        3 .<meta http-equiv="Pragma" content="no-cache" />  no-cache不缓存

  告知网页不缓存

<meta http-equiv="refresh" content="5;url=https://www.baidu.com/"/>  

Refresh 重定向(自动跳转、刷新)  5代表五秒之后刷新url表示跳转的地址

 pc端的浏览器的默认视口是960  移动端浏览器的默认视口是375

 

Link标签

   <Link rel=”shortcut icon” type=”image/x-icon” href=””/>

Rel  请求的文件和当前文件的一种关系

Type请求文件的类型

Href请求文件的路径

Shortcut icon 特指浏览器中地址栏左侧显示的图标

 

<link rel=”stylesheet” href=”a.css”/>表示

 

标签:

单标签(空标签)

双标签

 

W3C标签嵌套规则

  1. 内敛标签不能嵌套ph1-h6
  2. p里面不能套img

 

 

学习这个标签的方法

  1. 学习语法怎么写  <+标签名+>
  2. 记住所有的标签名
  3. 理解 所有的标签都是方格(盒子)
  4. 学习标签的属性和标签的css属性

   标签属性是这个标签私有的 其他标签没有; css属性是共有的 其他标签都可以有

 

 

 

 

 

 

 

 

 

 

 

解析器以及客户端的请求过程 window窗口等

上一篇:Windows安装MSYS2_切换zsh_整合cmder


下一篇:Node.js 中的重要API:HTTP