Codificador URL y Codificador de Entidades HTML
Convierte texto a codificación porcentual para uso seguro en URL o transforma caracteres especiales HTML (<, >, &, etc.) a sus equivalentes de entidad. Ambas operaciones se ejecutan completamente en tu navegador usando funciones nativas de JavaScript.
Como Usarlo
- Selecciona el modo. Usa la pestaña URL para codificación URL, la pestaña Entidades HTML para escape de caracteres HTML
- Elige la dirección. Marca Codificar o Decodificar
- Para codificación URL, elige Componente (codifica todo para usar como valor de consulta) o URI Completa (conserva la estructura URL)
- Escribe o pega tu texto. La salida se actualiza instantaneamente
- Usa Intercambiar (Swap) para invertir la operación
Codificación Porcentual URL
Cada byte que no pertenezca al conjunto de caracteres no reservados (letras, digitos, -, _, ., ~) en una URL se reemplaza por % seguido de dos digitos hexadecimales en mayuscula. Esto se define en RFC 3986 y es como los navegadores transmiten parámetros de consulta, segmentos de ruta e identificadores de fragmento que contienen espacios, Unicode o delimitadores reservados.
Los dos modos reflejan las dos funciones nativas de JavaScript. encodeURIComponent es casi siempre lo que necesitas. Codifica un valor para que pueda colocarse de forma segura como parámetro de consulta o segmento de ruta. encodeURI codifica una cadena URL completa mientras conserva sus caracteres estructurales (: //, /, ?, #, &, =). Usar encodeURI en un valor de consulta rompe silenciosamente la URL si contiene & o =.
Codificación de Entidades HTML
HTML reserva cinco caracteres para su propia sintaxis: &, <, >, ” y ’. Si aparecen sin codificar en contenido de usuario renderizado en HTML, el navegador los interpreta como marcado. Esta es la base de los ataques XSS reflejados. La codificación de entidades reemplaza cada carácter con una referencia segura (&, <, >, ”, ’) que el navegador interpreta como el carácter literal.
Esta herramienta codifica estos cinco caracteres usando entidades nombradas cuando están disponibles, y entidades numericas en caso contrario.
Comparación de Métodos de Codificación
| Tipo | Entrada | Salida | Caso de uso |
|---|---|---|---|
| URL Componente | a & b | a%20%26%20b | Valor de parámetro de consulta |
| URL Completa | https://example.com/a & b | https://example.com/a%20&%20b | Corregir URL existente |
| HTML Nombrada | <script> | <script> | Contenido HTML seguro |
| HTML Numérica | <script> | <script> | Compatibilidad universal HTML |
Casos de uso en el mundo real
- Codifica el valor de un parámetro de consulta que contiene entrada del usuario
- Decodifica un registro de servidor para leer la URL de solicitud original
- Escapa contenido generado por el usuario antes de insertarlo en HTML
- Convierte caracteres especiales en atributos HTML para evitar marcado roto