¿Es válido un href vacío?

Uno de nuestros desarrolladores web utiliza el siguiente html como marcador de posición para diseñar una lista desplegable.

<a href="" class="arrow"></a>

¿Se considera válida esta etiqueta de anclaje?

Como no hay un valor href, aparece como roto en algunos de nuestros informes de verificación de enlaces.

Aunque esta pregunta ya está respondida ( tl; dr: sí, un hrefvalor vacío es válido), ninguna de las respuestas existentes hace referencia a las especificaciones relevantes.

Una cadena vacía no puede ser un URI. Sin embargo, el hrefatributo no solo toma los URI como valor, sino también las referencias de URI. Una cadena vacía puede ser una referencia de URI.

HTML 4.01

HTML 4.01 usa RFC 2396 , donde dice en la sección 4.2. Referencias del mismo documento (énfasis en negrita mío):

Una referencia de URI que no contiene un URI es una referencia al documento actual. En otras palabras, una referencia de URI vacía dentro de un documento se interpreta como una referencia al comienzo de ese documento , y una referencia que contiene solo un identificador de fragmento es una referencia al fragmento identificado de ese documento.

RFC 2396 está obsoleto por RFC 3986 (que actualmente es el estándar URI de IETF ), que esencialmente dice lo mismo .

HTML5

HTML5 utiliza ( URL válida potencialmente rodeada de espacios → URL válida ) la especificación de URL del W3C , que ha sido descontinuada. El estándar URL de WHATWG se debe utilizar en su lugar (consulte la última sección).

HTML 5.1

HTML 5.1 utiliza ( URL válida potencialmente rodeada de espacios → URL válida ) URL estándar de WHATWG (consulte la siguiente sección).

WHATWG HTML

El HTML de WHATWG usa ( URL válida potencialmente rodeada de espacios ) la definición de cadena URL válida del Estándar URL de WHATWG , donde dice que puede ser una cadena de URL relativa con fragmento , que debe ser al menos una cadena de URL relativa , que puede ser una cadena URL relativa a la ruta relativa sin esquema , que es una cadena URL relativa a la ruta que no comienza con una cadena de esquema seguida por :, y su definición dice (énfasis en negrita mío):

Una cadena de URL relativa a la ruta debe ser cero o más cadenas de segmento de ruta de URL, separadas entre sí por U + 002F (/), y no comenzar con U + 002F (/).

Es válido.

Sin embargo, la práctica estándar es usar href="#"o algunas veces href="javascript:;".

Como otros han dicho, es válido.

Sin embargo, hay algunos inconvenientes en cada enfoque:

href="#" agrega una entrada adicional al historial del navegador (lo cual es molesto cuando, por ejemplo, se abotona).

href="" recarga la página

href="javascript:;" no parece tener ningún problema (aparte de verse desordenado y sin sentido), ¿alguien sabe de alguno?

Si bien puede ser HTML completamente válido no incluir un href, especialmente con un controlador onclick, hay algunas cosas a tener en cuenta: no podrá enfocarse en el teclado sin tener un valor de tabindex establecido. Además, esto será inaccesible para el software del lector de pantalla que usa Internet Explorer, ya que IE informará a través de las interfaces de accesibilidad que cualquier elemento de anclaje sin un atributo href no puede enfocarse, independientemente de si se ha establecido el índice de tabulación.

Entonces, aunque lo siguiente puede ser completamente válido:

<a class="arrow">Link content</a>

Es mucho mejor agregar explícitamente un atributo href de efecto nulo

<a href="javascript:void(0);" class="arrow">Link content</a>

Para un soporte completo de todos los usuarios, si está utilizando la clase con CSS para representar una imagen, también debe incluir algo de contenido de texto, como el atributo de título para proporcionar una descripción textual de lo que está sucediendo.

<a href="javascript:void(0);" class="arrow" title="Go to linked content">Link content</a>

El borrador HTML5 actual también permite omitir el atributo href por completo.

Si el elemento a no tiene atributo href, entonces el elemento representa un marcador de posición para el lugar donde se podría haber colocado un enlace, si hubiera sido relevante.

Para responder a su pregunta: Sí, es válido.

De hecho, puede dejarlo vacío (el validador W3 no se queja).

Llevando la idea un paso más allá: omita el = "". La ventaja de esto es que el enlace no se trata como un ancla para la página actual.

<a href>sth</a>

Si bien el validador de W3 puede no quejarse de un hrefatributo vacío , el Borrador de trabajo HTML5 actual especifica:

El hrefatributo on ay los areaelementos deben tener un valor que sea una URL válida potencialmente rodeada de espacios.

Una URL válida es una URL que cumple con el estándar de URL . Ahora, el estándar de URL es un poco confuso para entenderlo, sin embargo, en ninguna parte se indica que una URL puede ser una cadena vacía.

... lo que significa que una cadena vacía no es una URL válida.

Sin embargo, el Borrador de Trabajo HTML5 continúa:

Nota: El hrefatributo en ay areaelementos no es obligatorio ; cuando esos elementos no tienen hrefatributos, no crean hipervínculos.

Esto significa que simplemente podemos omitir el hrefatributo por completo:

<a class="arrow"></a>

Si su intención es que estos elementos hrefsin código requieran la interacción del ateclado, tendrá que seguir la ruta normal de asignación de roley tabindexjunto con sus controladores habituales de clic / tecla:

<a class="arrow" role="button" tab-index="0"></a>

Una palabra de precaución:

En mi experiencia, omitir el hrefatributo causa problemas de accesibilidad ya que la navegación del teclado lo ignorará y nunca lo enfocará como lo hará cuando href esté presente. Incluir manualmente su elemento en el índice tabin es una forma de evitarlo.

es válido pero como UpTheCreek dijo 'Hay algunos inconvenientes en cada enfoque'

si está llamando a ajax a través de una etiqueta, deje href = "" de esta manera, la página se volverá a cargar y el código de ajax nunca se llamará ...

acabo de recibir este pensamiento sería bueno compartir

Intenta hacerlo en su <a href="#" class="arrow">lugar. (Tenga en cuenta el #carácter agudo ).