浏览器 , 客户端的请求过程

1.浏览器 Chrome
   Chrome 它内部一一个解析器，这个解析器就是解析我们的代码，各个浏览器的内核不一样，
所以存在浏览器的兼容。这内核是一个引擎。
   例子：谷歌的引擎是webkit 引擎是v8
2.客户端的请求过程
1.重点：传输协议
2.返回的是数据不是文件
3. 解析超文本语言 html 俗称标签
浏览器的窗口是 window 安卓 APP 的窗口是 webview
学习我们使用的标签
<!DOCTYPE html>这个放在文档的开头代表什么？
      该功能告诉浏览器以w3c 的标准解析和渲染页面
      浏览器解析页面有两种模式：第一种按照浏览器自己的方式解析。这叫怪异模式
              第二种采用w3c 的标准解析页面。这叫标准模式
              如果不写这个声明，各个浏览器就会以自己的方式解析，采用怪异模式，在不同的浏览器下就有不同的表现
         加了这个声明，就按照标准模式解析，所以的浏览器保持一致。
              看见了这个声明就知道他是以 h5 页面。h5新增的特性就可以使用
      html根节点标签
        html头部标签
   meta 标签元信息标签
   charset="UTF-8" 字体编码国际的编码是 utf-8 国内的是gb2312   台湾香港繁体字编码是 big5
   <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
   name="viewport"叫视口 content 就是对这个视口的具体操作
   width=device-width 视口宽等于设备宽
   浏览器的默认是视口是980 上面这个标签就是让浏览器的视口和设备的视口保持一致。
   name="Description"
   用于网站做官方网站说明的 content 就是说明的具体内容。
   <meta name="Keywords" content=""/>
   用于做网站搜索的关键字
   <meta http-equiv="Pragma" content="on-cache">
   告知网页该网页不缓存
   <meta http-equiv="refresh" content="3;url=https://www.baidu.com"/>
   refresh 重定向
   <title></title> 网站标题标签
   link 标签
   <link rel="stylesheet" type="text/css" href="omake/x-icon"/>
   rel 请求的文件个当前文件的一种关系
   type 请求文件的类型
   tref 请求文件的路径
   shortcut icon 特指浏览器中地址左侧显示的图标
   <link rel="stylesheet" href="a.css"/>

标签
   单标签(空标签)
----------------------
协议
http 明文协议（不安全协议）
https 保密协议（安全协议）

学习这个标签的方法
       1.学会语法怎么写<+标签名>
       2.记住所有的标签名
       3.理解所以的标签都是方格
       4.学习标签的属性和css的属性
          标签属性是这个标签私有的的，其他没有，css属性是共有的其他标签都有

浏览器 , 客户端的请求过程

猜你喜欢