1.浏览器 chrome
chrome它内部有一个解析器,这个解析器就是解析我们的代码,各个浏览器的内核不一样,所以存在浏览器的兼容。这个内核是个引擎。
谷歌的内核是webkit 引擎是v8
2.客户端的请求过程
客户端通过地址栏请求服务器,服务器接收到客户端的请求,再把数据响应到客户端。
http 明文协议(不安全)
https 保密协议
3.解析超文本标记语言html。 俗称标签。
4.浏览器的窗口是window
安卓的app窗口是webview
html 根节点标签
head 头部标签
meat 元信息标签
charset =”utf-8” 字体编码,国际的编码是utf-8(浏览器解析的标准就是它)。国内大陆的是gb2312。台湾香港繁体字体编码是big-5。
<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
上边这个标签就是让浏览器的视口和设备视口保持一致。
<meta name=”description” content=””>
name=”description” 用于网站做官方网站说明的。
content=””; 说明的具体内容
<meta name=”keywords” content=””>
用于做网站搜索的关键字。
<meta http-equiv=”pragma” content=”no-cache”>
告知网页该网页不缓存。
<meat http-equiv=”refresh” content=”5,url=https://www.baidu.com/”>
refresh 重定向 content中的5代表5秒刷新 url代表跳转的地址
title 标题标签
link标签
<link rel=”shortcut icon” type=”image/x-icon” href=””>
rel 请求的文件和当前文件的一种关系
shortcut icon 特指浏览器中地址栏左侧显示的图标
type 请求文件的类型
href 请求文件的路径
标签
单标签(也叫空标签)
双标签
w3c标签嵌套规则
1.内敛标签不能套p和h1~h6
2.p里边不能套img
<!DOCUTYPE html>这个放在文档的开头代表什么?
该功能告诉浏览器以w3c的标准解析和渲染页面。
浏览器解析页面有两种模式:
1.按照浏览器自己的方式解析,叫怪异模式
2.采用w3c的标准模式,这叫标准模式
如果不写这个声明,各个浏览器就会以自己的方式解析,采用怪异模式。在不同的浏览器下就有不同的表现,加了这个声明,就按照标准模式解析,所有浏览器保持一致。
看见这个声明,就知道他是一个h5页面。h5新增的特性就可以使用
浙公网安备 33010602011771号