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>

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>

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>

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

Blog

Isabella Macedo

Join Our Newsletter. No Spam, Only the good stuff.

Related