DEV Community

Cover image for HTML Tag <base>
Isabella Macedo
Isabella Macedo

Posted on

HTML Tag <base>

<base>

Utilidades:

  • Definir a URL base para os caminhos relativos da página;

  • Estabelecer a propriedade target dos links, sem que precise especificar em cada tag.

Características:

A tag <base> só pode ser utilizada 1 vez dentro do HTML e deve ser inserida dentro da tag <head>.
Ela deve ter necessariamente o atributo href ou o atributo target, mas pode ter os dois também.

Forma(s) de aplicar:

Com href (para estabelecer a URL base):

  <head>
    <base href="https://www.site.com/">
  </head>

  <body>
    <a href="login">Login</a>
  </body>
Enter fullscreen mode Exit fullscreen mode

Com target (para definir que todos os links abram em nova página, por exemplo):

  <head>
    <base target="_blank">
  </head>

  <body>
    <a href="https://www.site.com/login">Login</a>
  </body>
Enter fullscreen mode Exit fullscreen mode

Com href e target (para definir a URL base e a forma que vai abrir os links):

  <head>
    <base href="https://www.site.com/" target="_blank">
  </head>

  <body>
    <a href="login">Login</a>
  </body>
Enter fullscreen mode Exit fullscreen mode

Por que usar a tag <base>?

Pra simplificar o código, já que acaba deixando o código um pouco menor, sem tantas repetições da URL e fica mais legível também.


Fontes:
Tag Base - MDN

Top comments (0)