取巧的 URL 写法

简介: 为了提升开发效率和用户体验,可以采用以下简化URL的技巧:使用相对URL减少路径长度;去掉www简化域名;利用锚点定位页面特定部分;借助URL短缩服务生成短链接;简化查询参数;采用协议相对URL;以及直接嵌入数据URL以减少外部请求。这些方法不仅让代码更简洁,也便于分享和使用。

一些简化或高效的方式来书写 URL,以便于开发和使用。

  1. 使用相对 URL

    • 在当前目录下的资源采用简短的相对路径,而不必每次都写出完整的绝对 URL。
      <a href="image.jpg">点击这里</a> <!-- 相对 URL -->
      
  2. 去掉 www

    • 如果网站同时支持 www 和非 www 版本,可以直接使用非 www 版本,简化书写。
      <a href="example.com">访问我们</a>
      
  3. 简化锚点

    • 可以通过锚点跳转到页面的特定部分,从而避免冗长的 URL。例如:
      <a href="page.html#section">跳转到特定部分</a>
      
  4. 缩短 URL

    • 使用 URL 短缩服务(如 bit.ly 或 TinyURL)将长 URL 简化为短链接,便于分享和使用。
      <a href="https://bit.ly/your-short-link">短链接</a>
      
  5. 参数简化

    • 如果查询参数较长且复杂,可以使用简短的别名。例如:
      <a href="search.php?query=cat">搜索猫</a>
      
  6. 协议相对 URL

    • 当网站支持 HTTP 和 HTTPS 时,可以省略协议部分,使用协议相对 URL:
      <a href="//example.com/page">访问页面</a>
      
  7. 使用数据 URL

    • 对于小型图像或资源,可以直接在 HTML 中嵌入数据 URL,避免外部请求。
      <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA..."/>
      

这些取巧的写法可以提高开发效率,减轻文本的复杂性,并在合适的情况下增强用户体验。

相关文章
|
1月前
|
网络协议 安全
HTML URL可以有多少种写法
URL有多种类型,包括绝对URL,其包含完整路径;相对URL,则基于当前文档位置。此外有协议相对URL,不指定协议;锚点URL用于定位页面内特定位置;邮政URL用于创建邮件链接;电话URL用于拨打电话;文件URL指向本地文件;数据URL则直接在HTML中嵌入小文件,如图片。
|
2月前
|
JavaScript
js 获取并解析 url 中参数的三种方法
js 获取并解析 url 中参数的三种方法
39 0
|
4月前
|
Python
URL解析函数
URL解析函数。
52 1
|
JavaScript
js获取 url 参数值的方法总结
js获取 url 参数值的方法总结
159 0
|
4月前
|
JavaScript 前端开发 API
(简单详细)javascript中new url()属性,轻松解析url地址
(简单详细)javascript中new url()属性,轻松解析url地址
469 0
|
10月前
|
JSON 前端开发 Java
url怎么传数组
url怎么传数组
60 0
|
PHP
PHP函数获取完整的URL
PHP函数获取完整的URL
63 0
URL 解析
URL 解析
231 0
|
前端开发 CDN JavaScript
以双斜杠//开头的URL – 依赖协议的URL
原文:以双斜杠//开头的URL – 依赖协议的URL   不知道大家有没有见过下面这种 url 写法: img 中的url是以双斜杠“//”开头的,这种写法有特殊的用途,它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。
1983 0