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

1. 谷歌浏览器(chrome)

内核是webkit  引擎是v8

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

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

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

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

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

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

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

 

 

 

 

前面的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属性是共有的 其他标签都可以有

 

 

 

 

 

 

 

 

 

 

 

posted @ 2019-12-17 18:56  火知火味  阅读(177)  评论(0编辑  收藏  举报