HTML-CSS-URL理解和URI区别

kuokoukele

于 2022-09-12 23:13:15 发布

阅读量235

点赞数

文章标签： html 前端 servlet

本文链接：https://blog.csdn.net/kuokoukele/article/details/126824375

版权

本文解析URL作为Web资源地址的重要性，介绍其结构与URI的关系，强调URL与URI的区别，以及如何通过例子说明两者区别和应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

URL代表着是统一资源定位符(Uniform Resource Locator)

通俗点说:URL就是一个给定的独特资源在Web上的地址

理论上说: 每个有效的URL都指向一个唯一的资源,这个资源可以是一个HTML页面,一个css文档,一幅图像,等

URL的格式:协议://主机:端口/路径/文件名?查询#片段id

与URI的区别:

URI(Uniform Resource Identifier )统一资源标志符,用于标识Web技术使用的逻辑或物理资源

URI作为一个网络Web资源的地址,可以唯一将一个资源识别出来,所以URI是一个URL

URL是URI的一个子集

URI并不一定是一个URL

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kuokoukele

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uni-app - H5 打包后在 CSS 里加入 url() 的图片路径不正确解决方案

王二红

02-05

4360

前言如果H5打包配置都搞对了，除了CSS上引入的图片其他都能正常找到，那么如下方案便可解决。打包后，在view视图上直接src加入的图片使用绝对路径能正常显示，但是在CSS中url()引入的图片却找不到路径。 //以下两种写法都是错误 background-image:url('../static/logo.jpg') background-image:url('/static/logo.jpg') 解决方案使用~@符号，并且是绝对路径，便可解决。 backg

ESP32-Web-Server编程-CSS 基础 2

最新发布

wangyx1234的博客

11-26

1423

1）本节主要演示如何使用外部 CSS 文件，在前端代码 html 中通过 link 标签引用指定的 CSS 文件，然后在后端代码中通过增加发送 CSS 文件的 handler 就可以正确应用外部的 CSS 文件。

参与评论您还未登录，请先登录后发表或查看评论

CSS中的URL_CSS中的URI

歪脖先生的博客

11-29

2220

URI是Uniform Resource Identifier的缩写，表示统一资源标识符，是一个用于标识某一互联网资源名称的字符串。该种标识允许用户对任何（包括本地和互联网）的资源通过特定的协议进行交互操作。URI由包括确定语法和相关协议的方案所定义。 Web上可用的每种资源，如HTML文档、图像、视频片段、程序等，都由一个通用资源标识符进行定位。在CSS属性中，使用功能符号 url

url、href、src 详解

weixin_34378922的博客

06-04

2070

发现自己居然没把url、href、src关系及使用搞清楚，今天就理一下。主要包括：url、src、href定义以及使用区别。顺便试下在segmentfault来一发。 URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网...

html url函数,CSS url()用法及代码示例

weixin_39767386的博客

07-05

1144

url()函数是一个内置函数，用于包含文件。该函数的参数是绝对URL，相对URL或数据URI。 url()函数可用于背景图像，边框图像，列表样式图像，内容，光标，边框图像，边框图像源，作为@ font-face块一部分的src和@反样式/符号。用法:url( * )参数：此函数接受单个参数url，该参数以字符串格式保存url。 url的示例是：:url("https://geeksforgeek...

在html中url的写法,CSS中url()地址写法

weixin_31414515的博客

06-04

1435

HTML/CSS 绝对路径和相对路径今天我们讲的是CSS的路径问题，什么绝对定位，相对定位，根路径之类的。作为一个coder你肯定是知道什么是根路径的，那【问题描述】：比如你有Web项目solo，假如目录结构如下：在cy.css中有如在根目录的一个index.html文件被引用到如下代码：body {background-image: url("/skins/cy/images/icons.pn...

前端开源库-get-css-urls

08-30

在前端开发中，资源的加载和管理是至关重要的部分，特别是在处理CSS样式表时。`get-css-urls`是一个开源库，专为开发者提供了一种高效的方法，...通过理解和利用这个库，开发者可以更好地管理和优化项目中的CSS资源。

详解webpack之图片引入-增强的file-loader：url-loader

10-17

本文将详细介绍`url-loader`的工作原理和配置方法，帮助开发者更好地理解和使用这一工具。 ### URL Loader 作用 `url-loader`的主要作用是根据需求对小图片进行Base64编码，将其内联到HTML或CSS文件中，以减少HTTP...

3-2：HTTP协议之URI(URL)和HTTP基本概念及其特征

快乐江湖的博客

07-13

949

文章目录一：URI和URL（1）URI和URL分别是什么（2）URL的格式（网址）二：HTTP协议基本概念（1）HTTP协议是什么（2）什么是超文本传输协议（3）HTTP的基本特征A：无连接B：无状态C：简单快速一：URI和URL （1）URI和URL分别是什么 URI(Uniform Resource Identifier)：统一资源标识符——表示的是web上每一种可用的资源，如 HTML文档、图像、视频片段、程序等都由一个URI进行标识的。 URL(Uniform Resource Locator)

css-html-jsp-xml学习笔记

07-28

5. 盒模型：CSS盒模型包括元素的内容、内边距、边框和外边距，理解盒模型有助于精确布局。 6. Flexbox和Grid布局：现代CSS提供了Flexbox（弹性盒子）和Grid（网格布局）来更方便地创建复杂的页面布局。【HTML】 ...

CSS中URL路径

weixin_30765505的博客

04-06

926

项目中，为a标签添加背景，老是没效果（VS2013中相关文件的位置：CSS文件位于/Content中，图片位于/images中）为a标签添加背景的CSS代码为：background: url(images/sort.png) no-repeat 0 3px; 一直没有效果，后来才发现是绝对路径，相对路径搞错了。url(images/sort.png)表示的是当前文件夹下的images文件...

浏览器访问Nginx系统界面，除了主页 index.html 可以正常访问，其他的页面地址栏中访问都是404

weixin_41422086的博客

07-21

2285

浏览器访问Nginx系统界面，除了主页index.html可以正常访问，其他的页面地址栏中访问都是404。，使得当直接查看页面时，直接通过url拼接html查找静态页面。前端界面中无法直接通过url找到静态页面。需要在nginx.conf中添加。...

html中url路径怎么写,css中URL路径相关介绍

weixin_39833290的博客

05-31

2626

如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。本文就来为大家介绍一些css url相关知识。项目中，为a标签添加背景，老是没效果 (VS2013中相关文件的位置：CSS文件位于/Content中，图片位于/images中)为a标签添加背景的CSS代码为：background:url(images/sort....

url动态追加参数_动态URL的优缺点

weixin_39736606的博客

12-04

831

一、动态URL动态URL就是动态页面，又称“动态链接”，即在URL中出现类似于“?”这样的参数符号，并且后缀为ASPX、ASP、JSP、PHP、Perl和CGI的URL。图片源自网络二、动态URL的特点1.在建设反向链接的过程中，动态url的优势不如静态url，因为它们不是永久性的。2.与静态URL相比，动态URL不利于搜索引擎的抓取。3.动态网址的生成是为了收集数据库的内容，不能保证网页内容的稳...

Nginx $request_uri和$uri详解

a595077052的专栏

08-10

1万+

一、官方介绍 $request_uri This variable is equal to the original request URI as received from the client including the args. It cannot be modified. Look at $uri for the post-rewrite/altered URI. Does not include host name. Example: "/foo/bar.php?arg=baz" 这个变量

如何提取html的uri,nginx location中uri的截取的实现方法

weixin_35859336的博客

06-15

434

说明：location 中的 root 和 aliasroot 指令只是将搜索的根设置为 root 设定的目录，即不会截断 uri，而是使用原始 uri 跳转该目录下查找文件aias 指令则会截断匹配的 uri，然后使用 alias 设定的路径加上剩余的 uri 作为子路径进行查找location 中的 proxy_pass 的 uri如果 proxy_pass 的 url 不带 uri如果尾部是...

html规范(URL和URI)

civilizationV的博客

10-27

1059

<!doctype html> html首行必须要写表明兼容浏览器 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 三要素 <title></title>31个字 <meta name="keywords" content="

URI与URL详解