Web网页基础 和HTTP协议
文章目录
- 方便理解
- 域名
- 域名的概念
- DNS服务器
- 域名空间结构
- 域名注册
- 网页
- HTML 超文本标记语言
- 静态网页和动态网页
- 静态网页
- 动态网页
- 特点
- HTTP协议概述
- HTTP协议版本
- HTTP方法
- HTTP获取WEB资源的方法
- 生产环境常见的HTTP状态码
- Web概述
- 表现形式
- 一、超文本（Hyper text）
- 二、超媒体（hypermedia）
- 三、超文本传输协议
- WEB 1.0
- 特征
- WEB 2.0
- 特点
方便理解
域名：浏览网页时输入的网址
HTTP：用来传输网页的通信协议
URL：是一种万维网寻址系统
域名
域名的概念
由于早期 IP 地址不宜记忆催生的产物
早期使用 Hosts 文件解析域名，但是也有缺点，主机名容易重复，且维护不易
注：Hosts 文件是最早出现的，一开始是解析主机名，后面有了域名才能解析域名
属于本地解析，优先级最高，优先被解析
所以才有了DNS服务
DNS服务器
Domian Name System
分布式
分层式
域名空间结构
根域
顶级域
组值域
国家/地区域
二级域
FQDN=主机名.DNS后缀
注：FQDN 完全合格域名
域名注册
域名注册时 Internet 中用于解决地址对应问题的一种方法
遵循先申请先注册原则
域名注册步骤：
1、准备资料申请
2、寻找域名注册网站
3、查询域名
4、真实申请
5、申请成功
网页
纯文本格式文件
编写语言为 HTML
网站就是多个网页的结合体
主页就是打开网站后第一个界面
HTML 超文本标记语言
Hyper Text Markup Language
网页的源码
浏览器其实是解释和执行 HTML 源码的工具
以 360 浏览器举例
HTML 语言包含
标题标签
行控制标签
范围标签
图像标签
超链接标签
特殊符号（ 、"、©、>）
注：块级标签：独占一行
行级标签：后面可以跟内容
静态网页和动态网页
静态网页
每个镜头网页都有一个固定的URL，且 URL以 .htm、.html、.shtml 等常见形式为后缀
网页内容一经发布至服务器，无论是否有用户访问，每个静态网页都是保存在服务器上的
静态网页的内容相对稳定，容易被搜索引擎检索
动态网页
网页的 URL 不固定，能通过后台与用户交互
在动态网页网址中有一个标志性的符号 ？
常见的语言有 PHP Ptyhon Ruby 等
特点
交互性
自动更新
因时因人而变
HTTP协议概述
HTTP协议是互联网上应用最广的一种网络协议，设计这个协议的目的是为了发布和接收 WEB服务器上的 HTML界面
HTTP协议版本
HTTP 0.9
HTTP 1.0
HTTP 1.1
HTTP 2.0
HTTP方法
HTTP 支持几种不同的请求命令，这些命令被称为 HTTP 方法
每条 HTTP 请求报文都包含一个方法，告诉服务需要执行什么动作
比如：获取一个 web 界面、运行I一个网关程序、删除一个文件
HTTP获取WEB资源的方法
（1）GET
请求获取Request-URI所标识的资源
（2）PUT
请求服务器存储一个资源， 并用Request-URI作为其标识
（3）DELETE
请求服务器删除Request-URI所标识的资源
（4）POST
在Request-URI所标识的资源后附加新的数据
GET方法
GET方法:从指定的服务器上获得数据
GET请求能被缓存
GET请求会保存在浏览器的浏览纪录里
GET请求有长度的限制
主要用于获取数据:
查询的字符串会显示在URL中，不安全
PSOT方法
post请求不能被缓存
post请求不会保存在浏览器的浏览记录里
post请求没有长度限制
出汗寻的字符串不会显示在URL中
生产环境常见的HTTP状态码
| 状态码首位 | 已定义范围 | 分类 |
|---|---|---|
| 1xx | 100-101 | 信息提示 |
| 2xx | 200-206 | 成功 |
| 3xx | 300-305 | 重定向 |
| 4xx | 400-415 | 客户端报错 |
| 5xx | 500-505 | 服务器报错 |
1.200 OK
请求成功(其后是对GET和POST请求的应答文档)
2.301 Moved Permanently
请求的永久页面跳转
3.403 Forbidden
禁止访问该页面
4.404 Not Found
服务器无法找到被请求的页面
5.500 Internal Server Error
内部服务器错误
6.502 Bad Gateway
无效网关
7.503 Service Unavailable
当前服务不可用
8.504 Gateway Timeout
网关请求超时
HTTP请求消息报文格式包括:请求行、请求头、请求体
1 Get /mattmarg/ HTTP/1.1请求目录
2 User-Agent: Mozilla/2.0 (Macintosh; |; PPC)浏览器标识
3 Accept: text/html; /
4 Cookie: name = value
5 Referer: http://www.XXX. com/a.html
HTTP响应消息报文格式包括:状态行、响应头、响应体
01 HTTP/1.1 200 OK
02 Server: Microsoft-IlS/5.1
…
06 Accept-Ranges: bytes
07 L ast-Modified: Wed, 02 Jul 2008 01:01:26 GMT
08 ETag: “0f7 1527dfdbc81:ade”
09 Content-Length: 46
10
11 adfasfa
Web概述
web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
表现形式
一、超文本（Hyper text）
超文本是一种用户接口方式，用以显示文本及与文本相关的内容。现时超文本普遍以电子文档的方式存在，其中的文字包含有可以链接到其他字段或者文档的超文本链接，允许从当前阅读位置直接切换到超文本链接所指向的文字。
超文本的格式有很多，目前最常使用的是超文本标记语言(Hyper Text Markup Language，HTML)及富文本格式 (Rich Text Format，RTF)。我们日常浏览的网页上的链结都属于超文本。
超文本链接一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。
二、超媒体（hypermedia）
超媒体是超级媒体的简称。是超文本（hypertext）和多媒体在信息浏览环境下的结合。用户不仅能从一个文本跳到另一个文本，而且可以激活一段声音，显示一个图形，甚至可以播放一段动画。
Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的一个主要的概念就是超文本链接。它使得文本不再像一本书一样是固定的线性的，而是可以从一个位置跳到另外的位置并从中获取更多的信息，还可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。
三、超文本传输协议
超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。
WEB 1.0
web1.0时代是一个群雄并起，逐鹿网络的时代，虽然各个网站采用的手段和方法不同，但第一代互联网有诸多共同的特征，表现在技术创新主导模式、基于点击流量的盈利共通点、门户合流、明晰的主营兼营产业结构、动态网站。在WEB1.0上做出巨大贡献的公司有Netscape，Yahoo和Google。 Netscape研发出第一个大规模商用的浏览器，Yahoo的杨致远提出了互联网黄页， 而Google后来居上，推出了大受欢迎的搜索服务。
特征
一、web1.0基本采用的是技术创新主导模式，信息技术的变革和使用对于网站的新生与发展起到了关键性的作用。新浪的最初就是以技术平台起家，搜狐以搜索技术起家，腾讯以即时通讯技术起家，盛大以网络游戏起家，在这些网站的创始阶段，技术性的痕迹相当之重。
二、web1.0的盈利都基于一个共通点，即巨大的点击流量。无论是早期融资还是后期获利，依托的都是为数众多的用户和点击率，以点击率为基础上市或开展增值服务，受众群众的基础，决定了盈利的水平和速度，充分地体现了互联网的眼球经济色彩。
三、web1.0的发展出现了向综合门户合流现象，早期的新浪与搜狐、网易等，继续坚持了门户网站的道路，而腾讯、MSN、GOOGLE等网络新贵，都纷纷走向了门户网络，尤其是对于新闻信息，有着极大的、共同的兴趣。这一情况的出现，在于门户网站本身的盈利空间更加广阔，盈利方式更加多元化，占据网站平台，可以更加有效地实现增值意图，并延伸由主营业务之外的各类服务。
四、web1.0的合流同时，还形成了主营与兼营结合的明晰产业结构。新浪以新闻+广告为主，网易拓展游戏，搜狐延伸门户矩阵，各家以主营作为突破口，以兼营作为补充点，形成拳头加肉掌的发展方式。
五、web1.0不以html为语言，在1.0时代,动态网站已经广泛应用，比如论坛等。
WEB 2.0
Web2.0是相对于Web1.0的新的时代。指的是一个利用Web的平台，由用户主导而生成的内容互联网产品模式，为了区别传统由网站雇员主导生成的内容而定义为第二代互联网，web2.0是一个新的时代。 [1] 抛开纷繁芜杂的Web 2.0现象，进而将其放到科技发展与社会变革的大视野下来看，Web 2.0可以说是信息技术发展引发网络革命所带来的面向未来、以人为本的创新2.0模式在互联网领域的典型体现，是由专业人员织网到所有用户参与织网的创新民主化进程的生动注释。
Web2.0模式下的互联网应用具有以下显著特点：去中心化、开放、共享。
1、用户分享。在Web2.0模式下，可以不受时间和地域的限制分享各种观点。用户可以得到自己需要的信息也可以发布自己的观点。
2、信息聚合。信息在网络上不断积累，不会丢失。
3、以兴趣为聚合点的社群。在Web2.0模式下，聚集的是对某个或者某些问题感兴趣的群体，可以说，在无形中已经产生了细分市场。
4、开放的平台，活跃的用户。平台对于用户来说是开放的，而且用户因为兴趣而保持比较高的忠诚度，他们会积极的参与其中。
特点
（1）用户参与网站内容制造。与web1.0网站单向信息发布的模式不同，web2.0网站的内容通常是用户发布的，使得用户既是网站内容的浏览者也是网站内容的制造者，这也就意味着web2.0网站为用户提供了更多参与的机会，例如博客网站和wiki就是典型的用户创造内容的指导思想，而tag技术（用户设置标签）将传统网站中的信息分类工作直接交给用户来完成。
web2.0与web1.0的区别
（2）web2.0更加注重交互性。不仅用户在发布内容过程中实现与网络服务器之间交互，而且，也实现了同一网站不同用户之间的交互，以及不同网站之间信息的交互。
（3）符合web标准的网站设计。web标准是国际上正在推广的网站标准，通常所说的web标准一般是指网站建设采用基于XHTML语言的网站设计语言，实际上，web标准并不是某一标准，而是一系列标准的集合。web标准中典型的应用模式是“CSS+XHTML”，摒弃了HTML4.0中的表格定位方式，其优点之一是网站设计代码规范，并且减少了大量代码，减少网络带宽资源浪费，加快了网站访问速度。更重要的一点是，符合web标准的网站对于用户和搜索引擎更加友好。
（4）web2.0网站与web1.0没有绝对的界限。web2.0技术可以成为web1.0网站的工具，一些在web2.0概念之前诞生的网站本身也具有web2.0特性，例如B2B电子商务网站的免费信息发布和网络社区类网站的内容也来源于用户。
（5）web2.0的核心不是技术而在于指导思想。web2.0有一些典型的技术，但技术是为了达到某种目的所采取的手段。web2.0技术本身不是web2.0网站的核心，重要的在于典型的web2.0技术体现了具有web2.0特征的应用模式。因此，与其说web2.0是互联网技术的创新，不如说是互联网应用指导思想的革命。
（6）web2.0是互联网的一次理念和思想体系的升级换代，由原来的自上而下的由少数资源控制者集中控制主导的互联网体系，转变为自下而上的由广大用户集体智慧和力量主导的互联网体系。
（7）web2.0 体现交互，可读可写，体现出的方面是各种微博、相册，用户参与性更强。
1、多人参与
Web1.0里，互联网内容是由少数编辑人员（或站长）定制的，比如各门户网站；而在Web2.0里，则是由机构和个人共同提供资讯。
2、人是灵魂
在互联网的新时代，信息是由每个人贡献出来的，各个人共同组成互联网信息源。Web2.0的灵魂是人。
3、可读可写互联网
在Web1.0里，互联网是“阅读式互联网”，而Web2.0是“可写可读互联网”。虽然每个人都参与信息供稿，但在大范围里看，贡献大部分内容的是小部分的人。
4、Web2.0的元素
Web2.0包含了我们经常使用到的服务，以BBS和博客为主要代表，“一对多”和“多对多”的传播模式并存。例如RSS、博客、播客、维基、P2P下载、社会书签、SNS、社区、分享服务等等。博客是Web2.0里十分重要的元素，因为它打破了门户网站的信息垄断，在未来里，博客的地位将更为重要。
Web网页基础 和HTTP协议相关推荐
- JavaWeb第五讲 Web核心基础之HTTP协议
Web核心基础之HTTP协议 HTTP简介 对客户端和服务器端之间数据传输的格式规范,格式简称为"超文本传输协议".HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件 ...
- 02 夯实根基，web网页基础
02 夯实根基,web网页基础 所对链接:https://kaiwu.lagou.com/course/courseInfo.htm?courseId=46#/detail/pc?id=1663 网页 ...
- 第02讲：夯实根基，Web 网页基础
网页的组成 首先,我们来了解网页的基本组成,网页可以分为三大部分:HTML.CSS 和 JavaScript. 如果把网页比作一个人的话,HTML 相当于骨架,JavaScript 相当于肌肉,CSS ...
- 【软件测试】Web测试基础（各类协议）面试必背
目录 TCP/IP协议 1.概念 2.TCP/IP层次结构与OSI层次结构的对照关系图 3.TCP简介 4.TCP标志位(Flags) 5.TCP三次握手建立连接 6.TCP四次挥手关闭连接 7.三次 ...
- (chap1 web网络基础) TCP/IP协议层
1. HTTP( HyperText Transfer Protocol) 超文本传输协议 2. TCP/IP协议层 应用层 应用层决定了向用户提供应用服务时通信的活动. TCP/P协议族内预存了各类 ...
- WEB网页基础（代码是最好的例子）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 第二章网页前端基础与HTTP协议
第二章 网页前端基础与HTTP协议 爬虫需要遵循网络传输协议才能与服务器进行通信,当与服务器建立通信后,爬虫才能获取网页内容,从而获取想要爬取的内容.获取到的网页内容通常为HTML(HyperText ...
- 1.Web基础与HTTP协议
文章目录 Web基础与HTTP协议 Web基础 域名的概念 网页的概念 HTML概述 Web概述 HTTP协议 HTTP协议版本 HTTP 方法 HTTP状态码 请求报文 响应报文 Web基础与HTT ...
- web基础于http协议
目录 引言 一.DNS与域名 1.概述 2.域名申请 3.DNS解析 /etc/hosts /etc/resolv.conf 在网卡配置文件中定义 4.域名服务与域名注册 域名 域名服务 域名注册 域 ...
最新文章
- Python实战案例，pygame模块，Python实现套路表白神器VS无套路表白神器
- java srs 推流_srs安装与ffmpeg推流
- SSH工具Secure Shell Client的sitting窗口显示不全和窗口页面大小问题解决办法
- datable转xml
- 让自己的user能够看到S4 product master这个tile
- 使用Xamarin开发手机聊天程序 -- 基础篇（大量图文讲解 step by step，附源码下载）
- LeetCode 733. 图像渲染（DFS/BFS）
- Java集合之Vector源码分析
- Visusl Studio——包含目录、库目录、附加包含目录、附加库目录、附加依赖项之详解
- 通过Intel XDK编写跨平台app(二)
- Android OpenGL显示任意3D模型文件
- 大碰撞！当Linux多线程遭遇Linux多进程
- AppleAlc 工具 dump-coeff的使用方法
- 腾讯视频qlv格式转换成mp4格式的的简单方法！
- LeetCode（数据库）- 计算税后工资
- 10个城市logo设计
- 机器学习平台基础知识
- uniapp实现自定义相机
- BERT与ERNIE
- 南京2级计算机成绩查询,南京审计大学教务管理系统登录入口、成绩查询网上选课查分...