href
O atributo href é usado no HTML para fazer referência a uma URL externa, seja um link ou um arquivo.
Através desse atributo podemos definir o destino de uma tag <a> ou até mesmo o endereço de um arquivo de estilos CSS.
href: na prática
Veremos exemplos de uso do atributo href em tags diferentes. Por exemplo, no Código 1 vemos o atributo href utilizado junto da tag a para criar um link.
<a href="https://www.devmedia.com.br">Acesse a DevMedia</a>
Já no Código 2 vemos o atributo href utilizado por uma tag <link> para carregar um arquivo CSS em uma página HTML.
<!doctype html>
<html>
<head>
<title>Minha Página HTML</title>
<link rel="stylesheet" type="text/css" href="https://www.meusite.com.br/estilos/estilo.css"/>
</head>
<body>
<p>Lorem Ipsum Dolor Sit Amet Consecteur Lorem Ipsum Dolor Sit Amet Consecteur Lorem Ipsum Dolor Sit Amet Consecteur Lorem Ipsum Dolor Sit Amet Consecteur Lorem Ipsum Dolor Sit Amet Consecteur Lorem Ipsum Dolor Sit Amet Consecteur</p>
</body>
</html>
Compatibilidade com navegadores
O href é utilizado pelas tags <a> e <link>, que são suportadas em todos os navegadores apresentados na tabela abaixo:
<a> <link> |
Chrome | Mozilla Firefox | Edge / IE | Opera | Safari |
Sim | Sim | Sim | Sim | Sim |