URL

LIBP-0211 (Libro de pautas)

Pautas

TítuloCarácter
Componente para la URLObligatoria
Formato de URLObligatoria
Validar caracteresObligatoria

Componente para la URL

Utilizar un campo de tipo "input type='text'" que permita introducir 2000 caracteres.

Los localizadores uniformes de recursos (URLs) son una secuencia de caracteres que se usan para nombrar recursos en Internet para su localización o identificación, como por ejemplo documentos textuales, imágenes, vídeos, presentaciones digitales, etc. Para que sean aceptados en la mayoría de navegadores y servidores web, deben tener un tamaño máximo de 2000 caracteres.

 

HTML5

En HTML5 se ha creado un nuevo tipo de campo dedicado especialmente a la introducción de URL's: "input type='url'".

Ejemplo:

<input type="url" id="idUrl" name="url" maxlength="2000" />

El componente realiza una validación para comprobar que el texto introducido se corresponde con una URL válida.

También se le han añadido los siguientes atributos:

  • Formaction, formenctype, formmethod, formnovalidate y formtarget: atributos que modifican la acción, el método de envío, la validación y el destino de un formulario respectivamente cuando se introduce algún valor en el campo.
  • Data-*, donde el asterisco puede ser cualquier nombre:  permite la creación de atributos personalizados, que posteriormente se pueden obtener con Javascript
  • Spellcheck: indicará que el valor introducido en el componente debe pasar el corrector ortográfico.
  • Form: contendrá el nombre del formulario al que pertenezca el elemento. De esta forma se puede colocar un componente en cualquier parte de una página.

Formato de URL

Utilizar el siguiente formato para las URLs: "esquema://máquina/directorio/archivo"

El formato general de una URL es "esquema://máquina/directorio/archivo" donde:

  • Esquema: generalmente indica el protocolo de red que se usa para recuperar la información del recurso identificado. Un URL comienza con el nombre de su esquema, seguido por dos puntos, seguido por una parte específica del esquema. Algunos ejemplos de esquemas son:
  • Máquina: es la forma de identificar al servidor. Normalmente es el dominio, aunque a veces suele contener el puerto.
  • Directorio: ruta hasta la carpeta que contiene el archivo buscado
  • Archivo: archivo que se desea localizar. También puede contener variables que son enviadas a través de la URL.

Validar caracteres

Validar los caracteres de la URL

Se deben validar los caracteres de una URL, siendo los siguientes los caracteres válidos:

  • Alfabéticos:
    • 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
  • Numéricos:
    • 0 1 2 3 4 5 6 7 8 9
  • Especiales:
    • - _ . ! * ' ( ) ~
  • Reservados:
    • $ & + , / : ; = ? @ # %