取巧的 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..."/>
      

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

相关文章
|
Java Maven Nacos
Maven - Maven 核心概念一网打尽:轻松掌握项目构建与管理技巧
Maven - Maven 核心概念一网打尽:轻松掌握项目构建与管理技巧
249 0
|
数据处理 分布式数据库 Apache
一文聊透Apache Hudi的索引设计与应用
一文聊透Apache Hudi的索引设计与应用
554 3
|
安全 Java Go
第6章 Spring Security 的 Web 安全性(2024 最新版)(下)
第6章 Spring Security 的 Web 安全性(2024 最新版)
329 1
|
存储 Java
打破常规!HashSet和TreeSet教你重新认识Java集合的无序与有序
【6月更文挑战第17天】Java集合框架中的Set接口,HashSet无序而TreeSet有序。HashSet基于哈希表,元素插入顺序不可预测,适合快速去重。TreeSet利用红黑树保证有序性,支持自然排序或自定义排序。若需同时无序和有序,可先用HashSet去重,再将元素加入TreeSet,但会牺牲性能。选择时依据对顺序和性能的需求。
343 2
|
12月前
|
存储 编解码 网络协议
阿里云目前活动中各实例规格性能、指标数据、适用场景及选择参考
很多新手用户初次通过阿里云各种活动购买云服务器的时候,面对各种不同的实例规格,往往不知道应该怎么选,目前在阿里云的活动中,除了轻量应用服务器之外,活动内的云服务器实例规格主要以经济型e、通用算力型u1、计算型c7/c8y、通用型g7/g8y、内存型r7/r8y这几个实例规格为主,不同的云服务器实例规格在性能特点、适用场景等方面均有所差异。本文将详细介绍阿里云目前活动中常见的实例规格及其性能特点、适用场景,帮助用户更好地选择适合自己的云服务器配置。
阿里云目前活动中各实例规格性能、指标数据、适用场景及选择参考
|
SQL 关系型数据库 MySQL
SQL中如何实现分页?
【8月更文挑战第3天】SQL中如何实现分页?
374 36
|
12月前
|
运维 Linux 网络安全
自动化运维的利器:Ansible、Puppet和Chef详解
自动化运维的利器:Ansible、Puppet和Chef详解
306 5
|
12月前
|
云安全 安全 Serverless
Serverless 安全新杀器:云安全中心护航容器安全
Serverless 安全防护能力除了支持目前既定的等保合规(漏洞扫描、入侵检测、基线检测等)、安全隔离的能力外还支持 WAF 防火墙、支持通信加密、操作审计、权限管控等能力,也正是有了这些能力的加持,SAE 才能很好的服务了金融、政企、医疗等行业的客户;Serverless(SAE)未来还计划规划更多安全能力为企业保驾护航,包括:代码安全扫描、加密、堡垒机、最小权限、身份与访问管理、以及更多的攻击防护等能力的建设。
|
SQL 安全 算法
【惊险揭秘】Django高手的十大安全秘籍:如何从零构建坚不可摧的Web堡垒?
【8月更文挑战第31天】《Django安全性指南:构建安全Web应用的十大关键步骤》介绍了在使用Django框架开发Web应用时,如何通过十个关键步骤提升应用安全性。从使用HTTPS、设置CSRF保护到限制密码复杂度、防止SQL注入,文章详细阐述了每一步的具体实施方法及示例代码,帮助开发者构建更加安全可靠的Web应用。
208 0
|
存储 算法 安全
RSA密码系统的特定密钥泄露攻击与Coppersmith方法的应用
`PrimiHub`是一个由密码学专家团队开发的开源隐私计算平台,关注数据安全、密码学、联邦学习和同态加密等领域。文章探讨了RSA公钥加密算法的安全性,指出大整数分解难题是其基础,但Coppersmith方法在特定条件下能威胁RSA。方法利用数论和格约简(如LLL算法)寻找模多项式方程的近似根,可用于小公开指数或低位泄露攻击。当RSA密钥部分泄露时,攻击者可尝试恢复完整密钥。为增强RSA安全性,应使用更长的密钥,选择合适公钥指数,并保护私钥不泄露。随着量子计算发展,后量子密码学成为研究焦点。
362 2