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 …


This content originally appeared on DEV Community and was authored by Isa Macedo

<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


This content originally appeared on DEV Community and was authored by Isa Macedo


Print Share Comment Cite Upload Translate Updates
APA

Isa Macedo | Sciencx (2021-11-18T01:50:32+00:00) HTML Tag <base>. Retrieved from https://www.scien.cx/2021/11/18/html-tag-base/

MLA
" » HTML Tag <base>." Isa Macedo | Sciencx - Thursday November 18, 2021, https://www.scien.cx/2021/11/18/html-tag-base/
HARVARD
Isa Macedo | Sciencx Thursday November 18, 2021 » HTML Tag <base>., viewed ,<https://www.scien.cx/2021/11/18/html-tag-base/>
VANCOUVER
Isa Macedo | Sciencx - » HTML Tag <base>. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/18/html-tag-base/
CHICAGO
" » HTML Tag <base>." Isa Macedo | Sciencx - Accessed . https://www.scien.cx/2021/11/18/html-tag-base/
IEEE
" » HTML Tag <base>." Isa Macedo | Sciencx [Online]. Available: https://www.scien.cx/2021/11/18/html-tag-base/. [Accessed: ]
rf:citation
» HTML Tag <base> | Isa Macedo | Sciencx | https://www.scien.cx/2021/11/18/html-tag-base/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.