网页
-
当我们利用流浪器访问网页时,其实是有物理文件传输的，浏览器会将网页上的内容缓存到本机
-
我们平时在上网会感觉到第二次访问页面比第一次访问快,是因为第一次访问时已经将网页上的信息缓存到了本地中.
-
我缓存文件夹中除了缓存图片还缓存了一些,例如.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（苹果）。
网友评论