[前端笔记——WEB基础] 1.WEB基本概念

news2025/1/15 12:56:28

[前端笔记——WEB基础] 1.WEB基本概念

  • 基本概念
    • 1.资源 resourse
    • 2.链接
    • 3.HTTP 协议
    • 4.网页的真实样子:HTML
  • 静态网页与动态网页
    • 1.静态网页
    • 2.动态网页
  • 现代网站架构
    • 1.网站架构

当我们访问一个网站时,后台都会发生什么事情捏?

www——万维网

www:World Wide Web
创始人:蒂姆·伯纳斯·李

基本概念

1.资源 resourse

每一个网页都由不同的资源组成,这些资源可能是图片,可能是视频,等等。资源组成了我们在浏览器中所看到的页面。网页的基本组成单位是资源。

访问一个网页的过程:输入一个网址——连接到网页的服务器,并且请求服务器传回一些资源,最终看到的是一个页面。

那么问题来了:

怎么知道我要拿的是哪个资源呢?
如何获取资源呢?

2.链接

统一资源标示符:
URI(Uniform Resourse Identifier),唯一定位Web服务器上的资源。通常有两种格式:
(1)URL:统一资源定位符,用的最多的一种。

https://www.csdn.net/

(2)URN:统一资源名称,用的最多的地方在图书网站等。

实际中,一个URL包含了几部分内容:
在这里插入图片描述
互联网全部使用URL作为资源定位方式,也就是我们俗称的链接。

3.HTTP 协议

客户端和服务端之间通信要有一套标准的协议。Web服务端与客户端之间的通信依靠HTTP协议:
Hyper Text Transfer Protocool超文本传输协议,规定浏览器如何从Web服务器上获取资源。也有其他的协议,比如https(加密的http协议)

4.网页的真实样子:HTML

真实的网页是由HTML代码组成的。浏览器的功能就是把这些代码转换成我们看到的样子。

HTML语言:超文本标记语言
HyperText Markup Language
HTML语言是当今99%的网页使用的编写语言;它的作用是格式化网页的内容,如标题、内容、表各、图片、视频等;它拥有很多版本,现在最新的是HTML5。

HTTP协议是由W3C联盟(World Wide Web Consortium)制定。

静态网页与动态网页

1.静态网页

一个网页分为标记和内容两部分,HTML用来标识网页内容(标识语言)及网页架构。对于一个网页而言,标记与架构一般不变;静态网页的内容固定不变,任何人在任何条件下看到的内容相同。

2.动态网页

动态网页的内容是随时变化的,不同用户在不同条件下访问网页的内容是不同的。
动态语言
动态网页的内容由动态语言生成,动态语言通常嵌入HTML网页中,由计算机执行,根据不同的条件、信息,动态的生成网页内容。常见的动态语言有:PHP,JSP(java),C#(.NET),ruby,python.
动态语言通过一定的条件信息生成内容,实际应用中,生成的内容通常来自于数据库。

现代网站架构

1.现代网站几乎均为动态网站,内容均为动态生成,数据信息保存在数据库中;
2.动态语言编写的代码、程序负责处理、生成动态内容;
3.动态代码由计算机执行之后返回信息;
4.动态代码的执行是很消耗资源的,相对静态网页要慢得多。

1.网站架构

动态网站需要三个组成部分:Web服务、应用服务、数据库服务。
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/162605.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Android系统启动(三) — SystemServer处理过程

system_server 进程主要是用于创建系统服务,AMS、WMS、PMS 都是由它创建的。 具体来说,SystemServer 进程被创建后,主要做了以下工作: 启动 Binder 线程池,这样就可以与其他进程进行通信;创建 SystemServi…

JDK9下载、安装和配置环境变量图解

下载 1.输入:https://www.oracle.com/ 2.选择“java download” 3.点击“java archive” 下拉找到 java9 4.点击进入,选择windows版本 5.勾选,下载。需要账号下载 安装 1.双击安装包,下一步 2.选择安装路径,…

旅游景区官网(网站、小程序)小开发可以实现哪些功能?

伴随着我们生活水平的提升和手上的余钱愈来愈多,绝大多数人一定会选取去不同地方开展旅游,旅游也成為了经济发展的一大支撑。将来便捷用户和旅游业的发展趋势,打造出旅游景区官网(网站、H5、小程序等)开发设计是十分关…

【UE4 第一人称射击游戏】50-用另一种方法实现僵尸随机漫游 僵尸攻击玩家时造成伤害

上一篇:【UE4 第一人称射击游戏】49-僵尸攻击动画本篇效果:使用另一种逻辑实现了僵尸的随机漫游僵尸攻击玩家时会对玩家造成实质上的伤害步骤:打开“SimpleAI”,当僵尸看见玩家时,设置变量“CanSeePlayer”为False我们…

深入了解 LinkedBlockingQueue阻塞队列,分析扩容机制以及小顶堆原理

1. 前言 今天的目的是为了深入了解下优先队列的机制。不过优先队列是基于大小顶堆实现的,但是其本质就是一个二叉树,所以今天会讲一些铺垫知识,好了,废话不多说了,让我们开始吧 2. 前置知识 2.1 大顶堆 完全二叉树&am…

1.2、操作系统的特征

1、并发 并发\color{red}并发并发:指两个或多个事件在同一时间间隔内发生。 这些事件宏观上是同时发生\color{red}宏观上是同时发生宏观上是同时发生的,但微观上是交替发生\color{red}微观上是交替发生微观上是交替发生的。 并行\color{red}并行并行&am…

STM32F103学习笔记(10)——I2C多路复用器TCA9548A使用

一、简介 TCA9548A 器件配有八个可通过 I2C 总线控制的双向转换开关。串行时钟/串行数据 (SCL/SDA) 上行对可扩展为 8 个下行对或通道。根据可编程控制寄存器的内容,可选择任一单独 SCn/SDn 通道或者通道组合。这些下游通道可用于解决 I2C 从器件地址冲突。例如&…

高精度加法【c++实现】超详细讲解

高精度存在的意义 大家一定都知道int和long long是有极限的(如下表),如果超了就无法计算正确结果了,那该用什么方法来计算呢?这就是我们今天要说的算法———高精度算法。(本文只讲加法) 类型…

超级浏览器的防关联效果怎么样?

很多从事跨境电商业务的朋友,都尝试用各种手段来防止账号关联,现在有很多不要钱的超级浏览器可以下载使用,但是很多人却不敢把高价值的账号放在超级浏览器上面,今天我们就来详细聊聊这个问题。说超级浏览器之前,我们先…

抖音世界杯直播的低延迟是怎么做到的?

动手点关注干货不迷路世界杯已经结束了,梅西带领阿根廷时隔三十六年之后终于如愿捧杯。抖音直播提供的 4K 超高清超低延迟看播能力给亿万观众留下了深刻的印象,决赛的 PCU 达到 3700w,在这样大规模并发下,如何能稳定流畅地做到更低…

GO语言配置和基础语法应用(一)

一、golang的下载和安装 这一步比较简单,直接打开go的官网,点击download即可,个别人打开慢可以用中国的镜像网站,之后访问的速度和下载第三方库的速度会快很多,之后傻瓜式安装一路到底即可。 配置环境变量 注意&#…

经典文献阅读之--Multi-modal Semantic SLAM(多模态语义SLAM)

0. 简介 在复杂动态环境下,如何去建立一个稳定的SLAM地图是至关重要的。但是现在当前的SLAM系统主要是面向静态场景。目前相较于点云的分类与分割而言。视觉的识别与分割会更加容易。这就可以根据语义信息提高对环境的理解。文章《Multi-modal Semantic SLAM for C…

JavaScript 如何正确的读懂报错信息

文章目录前言一、查看报错1.控制台报错2.终端报错二、查找错误演示总结前言 一、查看报错 如何阅读报错信息, 根据信息快速锁定错误. 1.控制台报错 红色报错信息格式: xxxx Error: xxxxx报错信息xxxxx 最终报错文件:行编号 at 最终报错方法名 (最终报错文…

PySpark中RDD的数据输出详解

目录 一. 回顾 二.输出为python对象 collect算子 演示 reduce算子 演示 take算子 演示 count算子 演示 小结 三.输出到文件中 savaAsTextFile算子 演示 配置Hadoop依赖 修改rdd分区为1个 小结 四.练习案例 需求: 代码 一. 回顾 数据输入: sc.paralle…

Transformer-XL: Attentive Language Models Beyond a Fixed-Length Context_学习笔记

Transformer-XL学习笔记 一、Transformer-XL出现的原因 首先说明Transformer的变形版本Transformer-XL出现的原因: transformer作为一种特提取器,在NLP中有广泛的应用,但是transformer需要对输入的序列设置固定的长度,例如在Ber…

(考研湖科大教书匠计算机网络)第一章概述-第四节:计算机网络的性能指标

文章目录(1)速率(2)带宽(3)吞吐量(4)时延①:基本概念②:计算公式(5)时延带宽积(6)往返时间RTT(7&a…

dp(六) 线性dp整合 最长(公共子串、公共子序列、上升子序列、回文子串)

1、最大公共子串_牛客题霸_牛客网​编辑 2、最长上升子序列(一)_牛客题霸_牛客网 3、最长回文子串_牛客题霸_牛客网 4、最长公共子序列(二)_牛客题霸_牛客网 #include <iostream> using namespace std; #include<vector>int main() {string str1,str2;cin>>…

mysql数据迁移报错问题

mysql8.0.17备份数据库到mysql5.7.26的There was error(s) while executing the queries问题解决&#xff08;数据库高版本向低版本数据迁移解决&#xff09; 问题背景 要将本地的mysql数据库导入到linux中的mysql中&#xff0c;其中&#xff0c;本地mysql数据库的版本是8.0.…

数字硬件建模SystemVerilog-时序逻辑建模(1)RTL时序逻辑的综合要求

数字门级电路可分为两大类&#xff1a;组合逻辑和时序逻辑。锁存器是组合逻辑和时序逻辑的一个交叉点&#xff0c;在后面会作为单独的主题处理。组合逻辑描述了门级电路&#xff0c;其中逻辑块的输出直接反映到该块的输入值的组合&#xff0c;例如&#xff0c;双输入AND门的输出…

N5247A网络分析仪

18320918653 N5247A Agilent N5247A 网络分析仪主要特性与技术指标 10 MHz 至 67 GHz2 端口或 4 端口&#xff0c;具有两个内置信号源可提供 4 端口 110 GHz 单次扫描解决方案110 dB 系统动态范围&#xff0c;32001 个点&#xff0c;32 个通道&#xff0c;5 MHz 中频带宽高输…