Redirecionar para uma página da web em HTML

  1. Use Meta Refresh para redirecionar em HTML
  2. Use a tag âncora para redirecionar em HTML
  3. Conclusão

Existem várias maneiras de HTML para redirecionar um usuário se um servidor cair ou estiver em manutenção. Depende dos requisitos de negócios de que tipo de comportamento de redirecionamento o site deve ter. O tratamento de redirecionamentos na IU melhora o desempenho, pois o HTML da página da web será o primeiro a ser renderizado. Vamos começar examinando as formas HTML de redirecionar para uma página da web diferente.

  1. Meta Atualizar
  2. Tag de âncora

Use Meta Refresh para redirecionar em HTML

Em HTML, temos a tag <meta> que é compreendida pelo navegador. Usando essa tag HTML, podemos pedir ao navegador para redirecionar para a página mencionada. Também nos permite programar um atraso, se desejarmos.

<meta http-equiv="refresh" content="5;url=https://www.delftstack.com" />

Aqui, alguns parâmetros são incluídos, o http-equiv e o content.

  • http-equiv: é semelhante a um cabeçalho de solicitação HTTP, enviando informações adicionais para o navegador entender. Este atributo aceita vários valores. O mais comumente usado é o content-type que informa ao navegador o tipo de conteúdo esperado. refresh é outro valor para http-equiv, que informa ao navegador para navegar até o link especificado no atributo content.
  • content: inclui um atraso programável (em segundos) para que o usuário saiba que está sendo redirecionado. Se quiserem continuar, eles podem ou ficar para trás sem serem redirecionados. E a URL é o link para o qual a navegação deve ser feita.

Observações

  1. Este método é geralmente usado na página base para redirecionar os usuários antes mesmo de o site carregar.
  2. Com base no tempo definido na metatag, assim que uma página for carregada, a funcionalidade de atualização meta redirecionará automaticamente o usuário.
  3. A página da web que contém este código pode não ser acessível pelo botão Voltar do navegador.
  4. Se não especificarmos um URL, a página será recarregada.
  5. Não abuse das tags de redirecionamento meta em uma página. É contado como tendo conteúdo de spam e pode afetar a reputação das listagens do mecanismo de pesquisa.

Use a tag âncora para redirecionar em HTML

Você pode estar familiarizado com a tag âncora em HTML. É amplamente utilizado em páginas da web para navegar até uma subpágina ou um site externo. Ao contrário do método de atualização meta, a tag âncora é estática. Portanto, é necessário um evento, um clique, para invocá-lo. Podemos usar a tag âncora para redirecionar o usuário das seguintes maneiras:

<a href='https://www.delftstack.com/'>Go to Delfstack</a>
<a href='/tutorial'>Tutorials</a>
  • O primeiro método usa todo o URL (https://www.delftstack.com/) passado como valor para o atributo href da tag <a>; isso é eficaz se precisarmos sair do aplicativo e navegar para um site externo. Pode-se usar o botão Voltar do navegador para retornar à página de origem.
  • O segundo método é usado para navegar para uma página dentro do site. Neste caso, mencionamos o caminho relativo da página pretendida (/tutorial). O navegador traduz este caminho relativo como https://www.delftstack.com/tutorial.

Observações

  1. Este método é baseado na interação do usuário, um evento de clique para navegação.
  2. Pode-se usar o método de redirecionamento de tag âncora para roteamento dentro do site ou para um site diferente.
  3. Se não passarmos nenhum URL para o atributo href, clicar na tag âncora recarregará a página atual.

Conclusão

Dependendo dos requisitos de negócios, será bom usar o método de atualização meta para redirecionar um usuário assim que ele acessar a página do site de manutenção. Isso nos dá a liberdade de introduzir um atraso para exibir uma mensagem ao usuário para o redirecionamento. O uso de uma tag âncora é bastante comum se a navegação for baseada em um evento, como um clique do usuário.