HTML URL可以有多少种写法

本文涉及的产品
实时数仓Hologres,5000CU*H 100GB 3个月
智能开放搜索 OpenSearch行业算法版,1GB 20LCU 1个月
实时计算 Flink 版,5000CU*H 3个月
简介: URL有多种类型,包括绝对URL,其包含完整路径;相对URL,则基于当前文档位置。此外有协议相对URL,不指定协议;锚点URL用于定位页面内特定位置;邮政URL用于创建邮件链接;电话URL用于拨打电话;文件URL指向本地文件;数据URL则直接在HTML中嵌入小文件,如图片。
  1. 绝对 URL(Absolute URL)

    • 包含完整的协议、主机名、路径及文件名,例如:
      https://www.example.com/path/to/resource
      
  2. 相对 URL(Relative URL)

    • 相对于当前文档的位置。例如,如果当前文档在 /folder/page.html,可以使用:
      image.jpg   // 当前文件夹下的文件
      /image.jpg  // 根目录下的文件
      ../image.jpg // 上一级文件夹下的文件
      
  3. 协议相对 URL(Protocol-relative URL)

    • 不指定协议部分(http/https),适用于需要在任意协议下都能工作的网址:
      //www.example.com/path/to/resource
      
  4. 锚点 URL(Fragment Identifier)

    • 指向当前页面中的特定位置,使用 "#" 符号,例如:
      https://www.example.com/page.html#section1
      
  5. 邮政 URL(Mailto URL)

    • 用于创建邮件链接,例如:
      mailto:someone@example.com
      
  6. 电话 URL(Tel URL)

    • 用于拨打电话,例如:
      tel:+1234567890
      
  7. 文件 URL(File URL)

    • 指向本地文件,通常用于本地开发环境,例如:
      file:///C:/path/to/file.txt
      
  8. 数据 URL(Data URL)

    • 用于嵌入小型文件(如图像)直接在 HTML 中,例如:
      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA...
      
相关文章
|
12月前
|
API
使用 Schematics 创建的 Spartacus Storefront,在 index.html 里指定 OCC API url
使用 Schematics 创建的 Spartacus Storefront,在 index.html 里指定 OCC API url
|
4月前
|
数据采集 网络协议
WWW(URL,HTTP,HTML)
WWW(URL,HTTP,HTML)
78 1
|
4月前
|
Python
python html(文件/url/html字符串)转pdf
python html(文件/url/html字符串)转pdf
37 0
|
4月前
编程笔记 html5&css&js 020 HTML URL
编程笔记 html5&css&js 020 HTML URL
|
4月前
|
移动开发 JavaScript 前端开发
Html获取Url参数
Html获取Url参数
53 0
selenium--获取HTML源码断言和URL地址
selenium--获取HTML源码断言和URL地址
|
JavaScript
【Node.js练习】根据不同的url响应不同的html内容
【Node.js练习】根据不同的url响应不同的html内容
97 1
【Node.js练习】根据不同的url响应不同的html内容
|
XML JavaScript 前端开发
loadrunner 脚本录制-录制选项设置HTML-based URL-based Script
loadrunner 脚本录制-录制选项设置HTML-based URL-based Script
92 0
HTML中使用base标签设置URL访问基准
本文目录 1. 背景 2. base标签的作用 3. 示例 4. 意义
416 0
|
安全 JavaScript 前端开发
软件测试面试题:HTML-based script与URL-based script的脚本有什么区别?
软件测试面试题:HTML-based script与URL-based script的脚本有什么区别?
82 0