前端面试题-url、href、src

1、URL统一资源定位器（或UniformResourceLocator/定位地址、URL地址等，英文：UniformResourceLocator，常缩写为URL）的概念，有时也俗称网页地址（URL）。就像互联网上的门牌号一样，是标准资源在互联网上的地址（Address）。2.URL格式2.1标准格式协议类型：[//服务器地址[:端口号]][/资源级别UNIX文件路径]文??件名？查询2.2完整格式协议类型：[//[访问资源需要的凭证信息@]服务器地址[:端口号]][/资源级UNIX文件路径]文??件名?query[访问凭证信息@;:端口号;?query;#fragmentID]都是可选项目。3.URL的语法规则例如URLhttp://segmentfault.com/html/...必须遵守如下语法规则：scheme://host.domain:port/path/filename3.1说明(1)方案——定义互联网服务的类型。最常见的类型是http(2)host——定义域主机（http默认主机为www）(3)domain——定义互联网域名，如w3school.com.cn(4):port——定义主机上的端口号（http的默认端口号是80）(5)path-定义服务器上的路径（如果省略，文件必须位于网站的根目录下）。(6)filename——定义文档/资源的名称3.2URLSchemes以下是一些最流行的schemes：Scheme访问用于...http超文本传输??协议以http://开头的普通网页。未加密。https安全超文本传输??协议安全网页。加密所有信息交换。ftp文件传输协议用于将文件下载或上传到网站。文件计算机上的文件。4.URL的种类4.1绝对URL绝对URL（absoluteURL）显示的是文件的完整路径，也就是说绝对URL本身所在的位置与实际引用文件的位置无关。4.2相对URL相对URL（relativeURL）描述了目标文件夹的位置，以包含URL本身的文件夹的位置为参考点。通常，相对URL应该始终用于同一服务器上的文件，当从本地系统向服务器传输页面时，它们更容易键入和更方便，只要每个文件的相对位置保持不变，链接仍然有效。下面是几种用来建立路径的特殊符号及其含义。(1).:代表当前目录，相对路径。例如text或(2)..：代表上层目录，相对路径。例如text或(3)../../：代表上一层目录的前一层目录，相对路径。例如(4)/：表示根目录，绝对路径。例如text或5.href的概念5.1规范解释href（HypertextReference）规定了网络资源的位置，使得当前元素或定义当前文档与当前属性定义的所需锚点或资源之间的链接或关系。5.2通俗理解href的目的不是引用资源，而是建立链接，使当前标签链接到目标地址。6、srcsource（简称）的概念，指向外部资源的位置，指向的内容会应用到文档中当前标签的位置。7.href和src的区别7.1请求资源的类型不同(1)href指向网络资源的位置，与当前元素（锚点）或当前文档（链接）建立连接。(2)当请求src资源时，会下载它指向的资源并应用到文档中，比如JavaScript脚本，img图片；7.2结果不同(1)href用于建立当前文档与引用资源之间的链接；(2)src用于替换当前内容；7.3浏览器有不同的解析方式(1)如果在文档中添加，浏览器会将文档识别为CSS文件，资源会并行下载不会停止处理当前文档。这就是为什么建议使用链接而不是@import来加载CSS的原因。(2)浏览器在解析时，会暂停其他资源的下载和处理，直到该资源加载、编译、执行完毕，图片也是如此和框架。类似于将指向的资源应用于当前内容。这就是为什么建议将js脚本放在底部而不是放在头部的原因。8.link和@import的区别都是对CSS的外部引用，但是有一定的区别：(1)link是一个XHTML标签，不仅可以加载CSS，还可以定义RSS等其他东西；而@import属于CSS类，只能加载CSS。(2)当链接引用CSS时，在页面加载时同时加载；@import需要在页面完全加载后加载。(3)link是一个XHTML标签，没有兼容性问题；@import是CSS2.1提出的，低版本浏览器不支持。(4)link支持使用Javascript控制DOM改变样式；而@import不支持它。阅读更多