分析href、src、url的区别

href、src、URL都是用来引用的，还有CSS中的url（）函数，看似他们完成的工作相同，但仔细分析是有区别的，了解他们的区别可以帮助我们更好的设计网页。

RUL：Uniform Resource Locators 统一资源定位符的简写，浏览器通过URL向web服务器发出请求。

scr：src是source的缩写，表示引入文件，目的是使文件加载到HTML页面中，当浏览器解析时会先加载scr的资源，然后才会执行页面的其他内容。scr的内容是页面必不可少的一部分，包含scr属性的常见标签有：img、script、iframe。

href：Hypertext Reference的缩写，表示超文本引用，指向网络资源所在的位置，建立和当前元素（锚点）或当前文档链接之间的链接，他与页面直接的关系为链接关系，在加载href中的内容时页面本身不会停止其他内容的加载，包含href的常见标签有：a、link。

三者区别：

URL是资源定位规则，而src、href是标签的属性，而且scr可以利用url进行页面请求
浏览器解析html时会先加载scr中的资源，此时会阻塞HTML页面的加载，而href则不会，这也是引用的js文件要放在标签后面的原因，否则如果放在head中js代码要放在window.onload中，而引用的css文件直接可以放在head中，它是通过link加载的不会阻塞页面。
href用于在当前文档和引用资源之间确立关系，scr引用的路径使用img、video、audio等要加载的路径，即，href引用的路径是要跳转的地方，scr引用的是页面所使用的图片视频等资源。

CSS中的url（）函数

url（）函数用来处理URL，可以使完整的URL，也可以是相对定位或者绝对定位，主要作用是通过http来加载资源。

分析href、src、url的区别相关推荐

html src href 路径,src跟href，url的区别
什么是URL: URL是Uniform Resource Location的缩写,译为"统一资源定位符".通俗地说,URL是Internet上用来描述信息资源的字符串,主要用在各种 ...
php 字符串hash比较,分析两个 url 查询字符串和 hash 的区别
分析两个 url 查询字符串和 hash 的区别<?php header("Content-type:text/html; charset=utf-8"); // 分析两个 ...
HTML基础-05-图片（引用图片src=“图片地址“、图片位置 align=“位置“、浮动图片 style=“float:位置“、图片链接 href=“目标url“、图形映射）
文章目录 1. 引用图片(src="图片地址") 语法示例完整示例 2. 图片的位置(align="位置") 语法示例完整示例 3. 浮动图片(style= ...
getAttribute方法在IE6/7下获取href/src属性值的问题
IE中的getAttribute方法与其他标准浏览器有很多不同,这里记录的是获取href/src属性值时的问题. 如将href=""或href="#",预期返回 ...
HTTP 协议入门 — （TCP/IP协议族、通信传输流、URI 与 URL 的区别、Cookie 状态管理、HTTP 支持的方法、状态码类别、HTTP 首部字段）
TCP/IP协议族在介绍 HTTP 协议之前,我们先对 TCP/IP 协议族有个大概的了解,TCP/IP 协议从上到下主要分为应用层.传输层.网络层和数据链路层,各层的主要功能如下表所示: 协议层 ...
android中src和background区别
android中src和background区别 ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放 ...
7个等级容灾等级_详细分析容灾备份的区别以及容灾的级别分类
详细分析容灾备份的区别以及容灾的级别分类计算机里的数据就像扫雷游戏一样,十面埋伏,充满雷区.随时都有可能Game Over,容灾备份就是数据安全的最后防线.今天从高角度来分析下,容灾备份那些事儿. ...
html embed用法 Embed 　　（一）、基本语法：　　embed src=url 　　说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等
html embed用法 Embed (一).基本语法: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi.Wav.AIFF.AU.MP3等等, ...
从多个角度分析顺序表和链表区别和特点
一. 前言顺序表和链表由于存储结构上的差异,导致他们有不同的特点,从而适用于不同的场景.虽然他们都属于线性表,但他们的存储结构有着本质的不同: 1. 线性表存储数据,需要预先申请一块存储空间,然后将 ...

分析href、src、url的区别

三者区别：

CSS中的url（）函数

分析href、src、url的区别相关推荐

最新文章

热门文章