浏览器请求数据的过程
1.按下回车时浏览器根据输入的URL地址发送请求报文
2.服务器接收到请求报文，会对请求报文进行处理
3.服务器将处理完的结果通过响应报文返回给浏览器
4.浏览器解析服务器返回的结果，将结果显示出来
请求过程验证
○ 1.利用chome浏览器打开一个网页
○ 2.打开开发人员工具
○ 3.打开Network查看请求报文和响应报文
§ 3.1请求报文
§ 一个HTTP请求报文由请求行（request line）、请求头部（header）、空行和请求数据4个部分
§ 3.2响应报文
§ 一个HTTP响应报文由响应行、响应头、响应体组成
什么是URL
• 1.我们在浏览器的地址栏中输入的地址其实就是URL
• 2.URL格式：
○ 127.0.0.1/index.html （浏览器会自动补全http:和：80）
○ http://127.0.0.1/index.html （浏览器会自动补全：80）
○ http://127.0.0.1:80/index.html （完整格式）
○ 协议类型://ip地址:端口号/资源路径/资源名称
• 3.URL拆分
○ 网络协议类型 http://
○ 服务器IP地址 127.0.0.1
○ 服务器端口号 :80
○ 资源路径 网页在服务器上的路径
○ 资源名称 index.html
• 4.URL拆分后每一部分的作用
• 4.1服务器IP地址 和 服务器端口号它们两的作用：
• 告诉浏览器要去什么地方才能找到对应的服务器， 也就是告诉浏览器服务器的详细地址
• 服务器IP地址相当于现实生活中的地址；
• 服务器端口号相当于现实生活中的门牌号码；
• 那么如果将地址和门牌号码结合在一起， 就是我的详细地址
• 4.2资源名称它的作用：
○ 告诉服务器我需要获取哪一个文件
• 4.3资源名称
○ 需要访问的文件名称
URL全称Uniform Resource Locator(统一资源定位符)， 互联网上的每一个资源都有一个唯一的URL地址
如何解决乱码现象?
○ 在head标签中添加<meta charset="GBK" />, 指定字符集
• 1.GBK(GB2312)和UTF-8区别
○ GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文
§ 体积比较小
○ UTF-8里面存储的世界上所有的文字
§ 体积比较大
• 6.注意点:
○ 在HTML文件中指定的字符集必须和保存这个文件的字符集一致, 否则还是会出现乱码
DTD文档声明格式:
<!DOCTYPE html>
• 注意事项:
○ <!DOCTYPE>声明必须是 HTML 文档的第一行，位于 ○ <!DOCTYPE> 声明不是 HTML 标签
○ <!DOCTYPE> 声明没有结束标签
○ <!DOCTYPE> 声明对大小写不敏感
○ 这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制
§ 不写也能运行
§ H5网页里面用H4也能运行
• HTML5之前有2大种规范, 每种规范中又有3小种规范
大规范 小规范
HTML Strict (严格的)
HTML Transitional(过度的,普通的,宽松的)
HTML Frameset(带有框架的页面)
XHTML Strict (严格的)
XHTML Transitional(过度的,普通的,宽松的)
XHTML Frameset(带有框架的页面)
• HTML的DTD文档声明和XHTML的DTD文档声明有何区别?
○ XHTML本身规定比如标签必须小写、必须严格闭合、必须使用引号引起属性等等, 而HTML会更加松散没有这么严格
• Strict表示严格的, 这种模式里面的要求更为严格.这种严格主要体现在有一些标签不能使用
○ font标签可以修改一个文本的字号、颜色、字体,但这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而font标签是用于修改样式的,所以在Strict中是不能使用font标签
• Transitional表示普通的, 这种模式是没有一些别的要求
常见的DOCTYPE有如下几种
HTML4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML5:
<!DOCTYPE html>
简而言之
○ HTML语法非常宽松容错性强;
○ XHTML更为严格,它要求标签必须小写、必须严格闭合、标签中的属性必须使用引号引起等等;
○ HTML5是HTML的下一个版本所以除了非常宽松容错性强以外,还增加许多新的特性
.htm 和 .html扩展名区别
• DOS操作系统（win95或win98）下只能支持长度为3的后缀名，所以是htm
• 但在windows后缀长度可以大于3位，
• 所以htm是为了兼容过去的DOS命名格式存在的
WebStorm常见快捷键
• 如何在WebStorm中利用快捷键创建一个新的.html的文件
• 同时按下键盘上的Ctrl + Alt + Insert
• 如何在WebStorm中让光标移动到当前行的末尾
• 按下键盘上的End键即可
• 如何在WebStorm中让光标移动到当前行的最前面
• 按下键盘上的Home键即可
• 如何在WebStorm中让光标在多行中闪烁
• 按住键盘上的Alt键不放, 然后再按住鼠标的左键不放, 然后再拖动鼠标即可
• 如何在WebStorm中快速的复制光标所在的那一行
• 按下键盘上的Ctrl + D
• 如何在WebStorm中快速的删除光标所在的那一行
• 按下键盘上的Ctrl + X
• 如何在WebStorm中让标签包裹一段内容, 也就是自动在一段内容前后加上标签
• 按下键盘上的Ctrl + Alt + T, 然后按下回车, 然后输入对应的标签即可
网友评论