web基础+http协议+httpd详细配置

目录

一、web基础

[1. 1html概述](#1. 1html概述)

[1.2 html文件结构](#1.2 html文件结构)

[1.3 基本标签](#1.3 基本标签)

[2. MIME](#2. MIME)

3.URI和URL

[3.1 定义](#3.1 定义)

[3.2 区别](#3.2 区别)

二、网页

三、HTTP协议

[1. 概述](#1. 概述)

[2. 协议版本](#2. 协议版本)

[3. http请求方法](#3. http请求方法)

[4. http 响应状态码](#4. http 响应状态码)


一、web基础

1. 1html概述

HTML(全称为Hypertext Markup Language)是一种标记语言,用于创建和组织Web页面的结构和内容。

HTML是构建Web页面的基础,定义了页面的结构和内容,通过标记和元素来实现。

1.2 html文件结构
 <html>
     <head>网页的头部</head>
     <body>网页内容</body>
 </html>
1.3 基本标签
基本标签 说明
<html> HTML文档的根元素,包含文档的全部内容
<head> 文档的头部,通常用于引入样式表、脚本以及设置文档的元信息
<title> 文档的标题,显示在浏览器的标题栏或标签页上
<body> 文档的主体部分,包含页面上的可见内容
<h1><h6> 标题标签,用于表示不同级别的标题,<h1>是最高级别的标题
<p> 段落标签,用于表示一个段落
<a> 链接标签,用于创建一个超链接,并指定链接的目标URL
<img> 图像标签,用于插入图像到页面中,并指定图像的源文件路径
<ul><li> 无序列表标签,用于创建一个无序列表和列表项
<ol><li> 有序列表标签,用于创建一个有序列表和列表项
<div> 通用的容器标签,用于分组和组织页面中的内容
<span> 内联容器标签,用于对文本的一部分进行特殊处理,如应用样式或事件

2. MIME

MIME是一种互联网标准,是一种用于标识文件类型的方法。

MIME类型由一个主类型和一个子类型组成,用斜杠(/)分隔,MIME类型的作用是告诉接收方如何解释和处理接收到的文件。

#常见的MIME类型

text/html  HTML网页
text/plain 纯文本文件
image/jpeg JPEG图像
image/png  PNG图像
audio/mpeg MP3音频
video/mp4  MP4视频

#举个例子
通过指定MIME类型为text/html,服务器可以告诉浏览器接收到的数据是HTML格式的网页,
浏览器会相应地解析和显示该网页

3.URI和URL

3.1 定义

URI(Uniform Resource Identifier):统一资源标识,分为URL 和 URN。

URL(Uniform Resorce Locator):统一资源定位符,用于描述某服务器某特定资源位置

3.2 区别

定义范围:URI是一个广义的概念,用于标识和命名互联网上的资源,可以是URL、URN或其他形式。URL是URI的一种具体实现形式,用于资源的定位和访问。

功能重点:URI强调资源的标识性,用于唯一标识和命名资源。URL则更注重资源的位置性,其中包含了定位和访问资源所需的详细信息。

二、网页

静态网页和动态网页的区别

**静态网页:**就是标准的HTML网页,网页文件后缀通常以 .html .htm .shtml 等结尾。没有后台数据库支持,不包含任何应用程序,网页不可交互,网页URL路径中不含有 ?

动态页面: 有后台数据库支持,网页可交互,也可以自动更新,网页内容会包含用 php java python 等高级编程语言编写的应用程序,网页URL路径中会含有 ? 用于传参

三、HTTP协议

1. 概述

HTTP协议采用了请求/响应模型。

客户端向服务器发送一个请求,请求头包含请求的方法、URL、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。

服务器以一个状态行作为响应,响应的内容包括消息协议的版本,成功或者错误编码加上服务器信息、实体元信息以及可能的实体内容。

2. 协议版本

  • http1.0 只支持短连接(在一个TCP连接中只能完成一次http请求和响应过程)
  • http1.1 支持长连接(连接保持、持久连接)和管道机制,即支持在一个TCP连接中可完成多次http请求和响应,且要求按照顺序一一对应
  • http2.0 支持长连接和多路复用,即支持在一个TCP连接中可完成多次http请求和响应,且不用按照顺序一一对应;还支持网页头部压缩和服务端主动推送;使用二进制格式代替文本格式
  • http3.0 基于UDP协议实现。具有更高的传输效率

3. http请求方法

GET 发送查询资源请求,用于查询、读取、下载资源内容

PUT 向服务器提交资源,用于修改资源内容

POST 向服务器提交资源,用于添加资源内容

DELETE 用于删除资源内容

HEAD 用于查询网页的头部信息和元数据

4. http 响应状态码

  • 正常的响应状态码 1XX(提示信息) 2XX(正常处理) 3XX(重定向)
  • 异常的响应状态码 4XX(客户端请求错误) 5XX(服务器请求错误)
状态码 说明
200 一切正常
301 永久重定向
302 临时重定向
400 客户端请求的语法错误或格式不正确
401 客户端认证失败,通常是因为提供的账号密码错误
403 客户端请求被拒绝,通常是因为没有权限访问
404 客户端请求的文件不存在,通常是因为客户端请求的路径有误
500 服务器内部错误,通常是因为服务器程序错误、配置问题或资源不足导致
502 无效网关,通常是因为网关代理服务器收到后端上游服务器返回的无效响应消息导致
503 服务可不用,通常是因为临时的服务器维护或者过载,服务器当前无法处理请求导致
504 网关超时,通常是因为网关代理服务器收到后端上游服务器未在规定时间内返回响应消息导致
相关推荐
Myli_ing10 分钟前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维28 分钟前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode
雯0609~1 小时前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ1 小时前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
Koi慢热1 小时前
路由基础(全)
linux·网络·网络协议·安全
学习前端的小z1 小时前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜1 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4041 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish1 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue
小五Five1 小时前
TypeScript项目中Axios的封装
开发语言·前端·javascript