Tag Base - HTML

A tag <base> serve para definir a URL e o Target que serão padrão para toda a página.

Com isso todos os caminhos de imagens e links herdaram o caminho que foi definido no atributo href setado na tag base. Como por exemplo...


<!DOCTYPE html>
<html>
    <head>
        <base href="http://www.site.com/images/" target="_blank">
    </head>
    <body>
        <img src="suaimagem.jpg" alt="Sua imagem">
        <a href="pagina.html">Link</a>
    </body>
</html>

Com isso todas as imagens já herdaram o caminho http://www.site.com/images/, bastando escrever apenas o nome da imagem no src, isso se torna interessante quando de repente você precisa alterar todas as suas imagens de uma pasta para outra, bastando apenas alterar o caminho no href da tag base, ao invés de alterar imagem por imagem em todo o seu site.

Mas esse caminho também será aplicado em todos os links do site, mas caso você não queira que os links herdem o href da tag base, basta escrever um caminho absoluto para o link ao invés de escrever caminhos relativos, como por exemplo...


<!-- Herdara o caminho definido na tag base -->
<a href="pagina.html">Link</a>
<!-- Não herdara o caminho definido na tag base -->
<a href="http://www.site.com/pagina.html">Link</a>

A tag base deve ser definida apenas uma vez na página, e dentro da tag <head>, e principalmente antes de qualquer chamada de CSS ou JavaScript. Para que todos os CSSs e JavaScripts também peguem esse caminho já definido.

Outro atributo válido para a tag <base> é o target, que deve receber um dos seguintes valores...

  • _blank
  • _parent
  • _self
  • _top
  • Nome de um frame

Com isso todos os seus links também herdaram esse valor para seus targets, não precisando definir link por link.

Publicidade

Gostou? Compartilhe com seus amigos!

Ícone Facebook Ícone Twitter Ícone Linkedin
Comentários

Comentários

tony tony
Seta comentário
ola.
é possível com essa tag  acrescentar em um blog uma url para ser redirecionada ao clicar em alguma postagem?
Responder Postado em: 12/03/2017 21:51:59
Everson da luz Everson da luz
Seta resposta
Olá,
ao adicionar essa tag na página todos os seus elementos de links herdaram a url definida, por exemplo se você definir na tag a url www.site.com.br/, todos os links já irão constar esse endereço, então você apenas acrescenta o restante, por exemplo:

<a href="contato.html">Contato</a>

quando você clicar nesse link irá redirecionar para a url www.site.com.br/contato.html
Postado em: 13/03/2017 20:24:36
Comentários

Deixe um comentário

Subir Página