Validación HTML: Valor incorrecto X para el atributo "src" en el elemento Y: Se esperaba una barra ("/").

Acerca de este problema HTML

Cuando el Validador HTML de W3C reporta “Se esperaba una barra”, significa que el analizador de URLs encontró un carácter inesperado donde debería aparecer una /. Las URLs siguen una sintaxis estricta definida por el URL Living Standard. Para URLs basadas en esquema, el formato requiere que el esquema (como https:) vaya seguido inmediatamente de // y luego la autoridad (nombre del host). Cualquier desviación — como un espacio, una barra faltante, o un carácter codificado en el lugar incorrecto — hará que la URL sea inválida.

Esto importa por varias razones. Los navegadores pueden intentar corregir URLs mal formadas, pero su comportamiento es inconsistente e impredecible. Un atributo src roto puede causar que las imágenes no se carguen, que los scripts fallen silenciosamente, o que los elementos multimedia muestren contenido alternativo. Los lectores de pantalla y las tecnologías asistivas dependen de URLs válidas para proporcionar información significativa a los usuarios. Los rastreadores de motores de búsqueda también pueden fallar al seguir o indexar recursos con URLs mal formadas.

Las causas comunes de este error incluyen:

Espacios accidentales insertados dentro de la URL, especialmente entre el esquema y las barras dobles (ej., https: // en lugar de https://).
Barras faltantes en el esquema (ej., https:/example.com con solo una barra).
Artefactos de copiar y pegar donde caracteres invisibles o saltos de línea se insertan en la cadena de la URL.
Problemas de plantillas o CMS donde la generación dinámica de URLs introduce caracteres inesperados.

Para corregir el problema, inspecciona cuidadosamente el valor del atributo src y asegúrate de que forme una URL válida y completa sin caracteres perdidos. Si la URL se genera dinámicamente, revisa el código que la construye.

Ejemplos

Incorrecto: espacio entre el esquema y las barras

<img src="https: //example.com/photo.jpg" alt="A photo">

El espacio después de https: rompe la URL. El validador espera una / inmediatamente después de los dos puntos pero encuentra un espacio en su lugar.

Corregido: eliminar el espacio

<img src="https://example.com/photo.jpg" alt="A photo">

Incorrecto: barra simple en lugar de barra doble

<script src="https:/cdn.example.com/app.js"></script>

El esquema de la URL requiere // después de https:, pero solo hay una / presente.

Corregido: usar la barra doble correcta

<script src="https://cdn.example.com/app.js"></script>

Incorrecto: salto de línea insertado en la URL

A veces copiar y pegar o el renderizado de plantillas introduce saltos de línea ocultos:

<video src="https://
example.com/video.mp4">
</video>

Corregido: asegurar que la URL esté en una sola línea sin saltos

<video src="https://example.com/video.mp4"></video>

Incorrecto: URL relativa al protocolo con una barra faltante

<img src="/example.com/logo.png" alt="Logo">

Si la intención es una URL relativa al protocolo, necesita dos barras. Con una sola barra, esto se convierte en una ruta absoluta en el dominio actual en lugar de una referencia a example.com.

Corregido: usar dos barras para URLs relativas al protocolo

<img src="//example.com/logo.png" alt="Logo">

Consejo: Si tienes problemas para detectar el problema, pega la URL en la barra de direcciones de tu navegador para ver si se resuelve correctamente, o usa un editor de texto que revele caracteres invisibles (como espacios de ancho cero o espacios de no separación) que puedan estar ocultos en la cadena.