URL与URI， href、src、action的主要区别与应用场景

URI与URL

• URI = Universal Resource Identifier 统一资源标志符
  • 一般为网址
  • 在整个网络上都唯一
• URL = Universal Resource Locator 统一资源定位符
  • 一般为路径，也可用网址
  • 在主机上唯一
  • 更常用

两者的区别与联系

uri偏向于是编号，url则是定位
定位在某种情况也可视为编号
比如：动物住址协议://地球/中国/浙江省/杭州市/西湖区/某大学/14号宿舍楼/525号寝/张三.人
可以看到，这个字符串同样标识出了唯一的一个人，起到了URI的作用，所以URL是URI的子集，URI范围更大。URL是以描述人的位置来唯一确定一个人的。

URL的详细内容

• 语法规则：scheme://host.domain:port/path/filename
  • 例子： http://segmentfault.com/html/index.asp
• 说明：
  1. scheme - 定义因特网服务的类型。
     • 常见类型
       • http (超文本传输协议) 普通网页
       • https (安全超文本传输协议) 安全网页 加密所有信息交换
       • ftp文件传输协议，用于将文件下载或上传至网址
       • file 您计算机上的文件
  2. host - 定义域主机（http 的默认主机是 www）
  3. domain - 定义因特网域名，比如 w3school.com.cn
  4. :port - 定义主机上的端口号（http 的默认端口号是 80）
  5. path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）
  6. filename - 定义文档/资源的名称
• URL的类型
  • 绝对 URL - 指向另一个站点（比如 href=“http://www.example.com/index.htm”）
  • 相对 URL - 指向站点内/同服务器内的某个文件（href=“index.htm”）
• 建立路径的几个特殊符号
  1. .：代表目前所在的目录，相对路径。 如： <a>文本 </a> 或 <img src="./abc" />
  2. …：代表上一层目录，相对路径。 如： <a>文本 或<img src="…/abc" />
  3. …/…/：代表的是上一层目录的上一层目录，相对路径。 如： <img src="…/…/abc" />
  4. /：代表根目录，绝对路径。 如：[文本] (/abc) 或 <img src="/abc" />

href属性

• Hypertext Reference的缩写
• 给定义超链接的标签<a>或link使用
• 用于指定超连接目标的URL
• 使用的URL也可分类
  • 绝对 URL -
  • 相对 URL -
  • 锚 URL - 指向页面中的锚（href="#top"）
• 可以用问号传递参数

src属性

• source（缩写），指向外部资源的位置，指向的内容将会应用到文档中当前标签所在位置。
• 用于替换当前内容的URL
• 常用在audio、img、script、iframe 等元素上。
• 可用绝对与相对路径

acion属性

• action 属性规定当提交表单时，向何处发送表单数据，会提交到所指页面
• 可能的值，绝对与相对URL
• 常用于form元素