网页
当我们利用流浪器访问网页时,其实是有物理文件传输的,浏览器会将网页上的内容缓存到本机
我们平时在上网会感觉到第二次访问页面比第一次访问快,是因为第一次访问时已经将网页上的信息缓存到了本地中.
我缓存文件夹中除了缓存图片还缓存了一些,例如.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个字节。
空白折叠现象
普通文本之间有一个空白折叠现象:连在一起的空格、换行、缩进在浏览器加载时,会被压缩成一个空格显示。
标签之间对空格、换行、缩进不敏感
标签之间无论有没有空格、换行和缩进,对在浏览器中的加载效果没有任何影响。
标签
容器级标签:内部可以放置任何内容,甚至其他的容器级标签。h1标签是容器级标签。
文本级标签:内部不能放容器级标签,只能放置文字或者类似于文字的内容,表单元素、图片、超级链接等。p标签是文本级标签。
页面锚点跳转 (点击超级链接在页面内部跳转到某个位置。)
<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(苹果)。