Tag de link em HTML
- 24-07-2022
- Trung Minh
- 0 Comments
Neste artigo vamos aprender como usar a tag link em HTML, esta é uma tag muito importante, usada principalmente para adicionar arquivos CSS.
1. O que é a tag de link em HTML?
A tag de link define um link entre um documento HTML e um documento externo, geralmente arquivos CSS ou arquivos de imagem. Essa tag é muito importante no SEO, pois ajuda os mecanismos de busca a saber quais links para links externos relacionados ao artigo.
A tag de link geralmente é colocada na seção head, possui atributos rel
e type
para ajudar a identificar o tipo de link.
<link href="URL" type="type" rel="rel"/>
Onde a URL
é o caminho para o arquivo vinculado, o type
é o tipo do arquivo vinculado.
2. Como usar a tag de link em HTML
Exemplo : Link para o arquivo style.css.
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
Link para um arquivo de ícone:
<link rel="shortcut icon" type="image/x-icon" href="public/logo/icon.png?r=1" />
Atributos da tag de link:
- href – o caminho para o arquivo css a ser vinculado.
- rel – especifica o relacionamento entre o documento atual e o documento vinculado.
Suporte ao navegador:
- cromada
- Raposa de fogo
- IE
- Safári
- Ópera