Sobre este problema HTML
Um URL válido é composto por várias partes: um esquema (como https), seguido de ://, depois o host, e opcionalmente um caminho, query string e fragmento. O separador :// — dois pontos seguidos de duas barras — é uma parte obrigatória da sintaxe de URL para esquemas como http e https. Quando uma destas barras está em falta, o navegador pode falhar ao navegar para o destino pretendido, interpretar o valor como um caminho relativo, ou comportar-se de forma imprevisível em diferentes ambientes.
Este erro ocorre frequentemente devido a erros de digitação simples, erros de copiar-colar, ou construção programática de URLs onde a concatenação de strings falha. Embora alguns navegadores possam tentar corrigir URLs malformados, nunca deve confiar neste comportamento. Um href malformado pode quebrar completamente a navegação, causar avisos de segurança, produzir redirecionamentos inesperados, ou confundir tecnologias assistivas como leitores de ecrã que anunciam destinos de ligação aos utilizadores.
Além do caso da barra em falta, este erro também pode aparecer quando outras partes do URL contêm caracteres que não são válidos sem codificação adequada — por exemplo, espaços ou caracteres especiais que devem ser codificados em percentagem. Certifique-se sempre de que os seus URLs estão em conformidade com a URL Standard.
Como corrigir
-
Verificar o separador do esquema: Verifique que o protocolo é seguido de
://(dois pontos e duas barras). Por exemplo,https://e nãohttps:/ouhttps:. - Validar o URL completo: Cole o URL na barra de endereços de um navegador para confirmar que resolve corretamente.
-
Codificar caracteres especiais: Se o URL contém espaços ou caracteres especiais, use a codificação de percentagem adequada (por exemplo, espaços tornam-se
%20). - Rever URLs gerados dinamicamente: Se os URLs são construídos através de concatenação de strings ou lógica de template, verifique duas vezes que todas as partes são unidas corretamente.
Exemplos
Incorreto: Falta uma barra após o esquema
<a href="https:/example.com">Visit Example</a>
O validador reporta isto porque https:/example.com tem apenas uma barra após os dois pontos em vez das duas necessárias.
Incorreto: Faltam ambas as barras
<a href="https:example.com">Visit Example</a>
Isto também é inválido — os dois pontos devem ser seguidos de // para URLs https.
Correto: URL devidamente formatado
<a href="https://example.com">Visit Example</a>Correto: URL com um caminho
<a href="https://example.com/blog/my-post">Read the Post</a>Correto: URL com espaços codificados
<a href="https://example.com/search?q=hello%20world">Search</a>Incorreto: Espaço não codificado no URL
<a href="https://example.com/my page">My Page</a>
Espaços não são válidos em URLs. Use %20 ou + (em query strings) em vez disso:
<a href="https://example.com/my%20page">My Page</a>Encontre problemas como este automaticamente
O Rocket Validator analisa milhares de páginas em segundos, detetando problemas HTML em todo o seu site.