Manual de HTML: URL encoding

Caracteres admitidos en las URL

En las URL sólo pueden aparecer los siguientes caracteres (no puede aparecer ningún otro carácter):

Caracteres admitidos en las URL
Caracteres reservados
! # $ % & ( ) * + , / : ; = ? @ [ ]  
Caracteres no reservados
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 - _ . ~  
  • Los "caracteres reservados" son aquellos que pueden tener un significado especial. Por ejemplo, la barra "/" es un delimitador entre los distintos segmentos de la URL.

URL encoding

  • ¿Qué ocurre cuando tenemos que incluir en una URL un carácter que no está permitido? Que tenemos que codificarlo. Por ejemplo, un espacio no puede formar parte de una URL de manera que lo reemplazaremos por su versión codificada, "%20".
  • También tenemos que codificar los "caracteres reservados" si queremos incluir uno en una URL y no queremos que tenga ningún significado especial. Por ejemplo, si queremos incluir una barra "/" y no queremos que sea considerada "delimitador entre segmentos" debemos reemplazarla por "%2F" o "%2f", su versión codificada.
    La URL de la página de la Wikipedia del víde-juego .hack//G.U. es:
    http://en.wikipedia.org/wiki/.hack//G.U.
    Incluye dos barras "/" que no tienen significado especial por lo que debemos codificarlas:
    http://en.wikipedia.org/wiki/.hack%2F%2FG.U.
  • El proceso de convertir una cadena a un formato válido para URL se denomina URL encoding. El carácter se reemplaza por su versión codificada, dos dígitos que representan el código ASCII en hexadecimal precedidos por el signo de porcentaje "%". Veamos la relación de caracteres y su codificación:
URL-encoding
Caracteres reservados
Carácter ASCII URL-encoding
! %21
# %23
$ %24
% %25
& %26
%27
( %28
) %29
* %2A
+ %2B
, %2C
/ %2F
: %3A
; %3B
= %3D
? %3F
@ %40
[ %5B
] %5D
Caracteres no admitidos en URL
Carácter ASCII URL-encoding
space %20
" %22
< %3C
> %3E
%5C
^ %5E
` %60
{ %7B
| %7C
} %7D
%80
%82
ƒ %83
%84
%85
%86
%87
ˆ %88
%89
Š %8A
%8B
Π%8C
Ž %8E
%91
%92
%93
%94
%95
%96
%97
˜ %98
%99
š %9A
%9B
œ %9C
ž %9E
Ÿ %9F
¡ %A1
¢ %A2
£ %A3
¥ %A5
| %A6
§ %A7
¨ %A8
© %A9
ª %AA
« %AB
¬ %AC
¯ %AD
® %AE
¯ %AF
° %B0
± %B1
² %B2
³ %B3
´ %B4
µ %B5
%B6
· %B7
¸ %B8
¹ %B9
º %BA
» %BB
¼ %BC
½ %BD
¾ %BE
¿ %BF
À %C0
Á %C1
 %C2
à %C3
Ä %C4
Å %C5
Æ %C6
Ç %C7
È %C8
É %C9
Ê %CA
Ë %CB
Ì %CC
Í %CD
Î %CE
Ï %CF
Ð %D0
Ñ %D1
Ò %D2
Ó %D3
Ô %D4
Õ %D5
Ö %D6
Ø %D8
Ù %D9
Ú %DA
Û %DB
Ü %DC
Ý %DD
Þ %DE
ß %DF
à %E0
á %E1
â %E2
ã %E3
ä %E4
å %E5
æ %E6
ç %E7
è %E8
é %E9
ê %EA
ë %EB
ì %EC
í %ED
î %EE
ï %EF
ð %F0
ñ %F1
ò %F2
ó %F3
ô %F4
õ %F5
ö %F6
÷ %F7
ø %F8
ù %F9
ú %FA
û %FB
ü %FC
ý %FD
þ %FE
ÿ %FF

Artículos en la categoría "Manual de HTML"

  1. Manual de HTML: Cómo tener una web
  2. Manual de HTML: Cabecera
  3. Manual de HTML: Estilos CSS
  4. Manual de HTML: Cajas (div)
  5. Manual de HTML: Texto
  6. Manual de HTML: Glosarios y Listas
  7. Manual de HTML: Enlaces
  8. Manual de HTML: Tablas
  9. Manual de HTML: Imágenes
  10. Manual de HTML: Frames (marcos)
  11. Manual de HTML: Colores HTML
  12. Manual de HTML: Colores seguros para la web
  13. Manual de HTML: Formularios
  14. Manual de HTML: Fuentes
  15. Manual de HTML: Objetos
  16. Manual de HTML: Eventos y scripts
  17. Manual de HTML: Caracteres especiales
  18. Manual de HTML: Unidades
  19. Manual de HTML: URL encoding
  20. Manual de HTML: Responsive Web Design (diseño web adaptativo)
  21. Manual de HTML: Geolocalización HTML5 en aplicaciones web

Un comentario:

  1. Grandioso como lo has separado en tablas muy completas cada una, me ha sido de gran ayuda. ¡Gracias por publicarlo!