URL es la abreviatura de Uniform Resource Locator (Localizador Uniforme de Recursos), que se utiliza para identificar la ubicación de los recursos en Internet.
El formato de una URL es scheme:[//authority]path[?query][#fragment], donde authority = [userinfo@]host[:port].
scheme - Indica el protocolo, como http o ftp, obligatoriouserinfo - Información del usuario para la verificación de permisos, en formato username:password, opcionalhost - Host, puede ser un nombre de dominio o una IP, obligatorioport - Número de puerto, opcional, por defecto usa el puerto predeterminado del protocolopath - Ruta, utilizada para indicar la dirección de directorios y archivos del host. Opcionalquery - Parámetros de consulta. Opcionalfragment - Fragmento, se refiere a un fragmento de un recurso de red. OpcionalUn ejemplo simple de URL: https://www.codeeeee.com, solo usa scheme y host, y el puerto usa el puerto predeterminado de https que es 443
URI es la abreviatura de Uniform Resource Identifier (Identificador Uniforme de Recursos), que se utiliza para identificar el nombre de un recurso en Internet. El formato de URL y URI es el mismo, y los conceptos son fácilmente confundibles, a veces se pueden considerar iguales. La diferencia entre URL y URI es que la primera representa la ubicación del recurso y la segunda el nombre del recurso. URL es un tipo de URI.
Una URL solo puede contener caracteres del conjunto ASCII, por lo que cuando aparecen caracteres fuera de este conjunto, es necesario codificarlos. Además, la URL tiene algunos caracteres reservados, como :, /, &, que también necesitan ser codificados para evitar confusiones en la interpretación de la URL.
Al codificar una URL, se representan los caracteres con su correspondiente codificación porcentual (%). Las reglas específicas de codificación se pueden consultar en esta introducción a la codificación de URL
En Javascript, puedes usar encodeURIComponent y decodeURIComponent para codificar y decodificar una URL.