Tag base HTML
- 24-07-2022
- Trung Minh
- 0 Comments
Neste artigo, aprenderemos a tag base HTML, que é uma tag de declaração de URL para uma página da Web por meio da qual o navegador anexará automaticamente URLs incompletos.
1. Qual é a tag base em HTML?
A tag base define a URL base para todas as URLs relacionadas no documento HTML.
Em um documento HTML existe apenas uma tag base, e ela deve estar dentro da tag head. A sintaxe é a seguinte:
<base href="http://localhost/test/images/" target="_blank">
Onde o atributo href é a declaração de URL e o destino declarará como redirecionar.
Esse atributo é útil nos casos em que as URLs no documento HTML não especificam o domínio ou o diretório raiz do domínio.
Exemplo : você coloca todos os dados CSS e JS no diretório domain.com/public
. Agora você só precisa declarar a url base da seguinte forma:
https://domain.com/public/
Quanto aos arquivos CSS e JS, eles serão:
<link href="style.css" rel="stylesheet"/>
O navegador entenderá que o arquivo style.css estará na pasta pública.
2. Como usar a tag base em HTML
Por exemplo, use a tag base para definir todos os URLs para iniciar na pasta de imagens.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base href="http://localhost/test/images/" target="_blank"> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <img src="test.jpg" width="24" height="39" alt="Stickman"> </body> </html>
Atributos da tag base :
- href – o caminho base, que será o ponto de partida para todas as URLs relacionadas no documento HTML.
- hreftarget – especifica o destino padrão para hiperlinks e formulários na página.
Suporte ao navegador :
- cromada
- Raposa de fogo
- IE
- Safári
- Ópera