Elemento HTML: base

Sintaxe

O url O valor no exemplo acima deve ser substituído pelo URL absoluto do documento. Também é possível incluir o target atributo, que especifica o destino padrão para todos os links no documento. A sintaxe para isso é:

1

 href="url "target="_blank" />

Exemplo

Aqui está um exemplo de como o elemento pode ser usado em um documento HTML:

1

2

3

4

     ref="https://example.com/" />

5

6

7

8

     href="about.html">About

9

     href="contact.html">Contact

10

11

Neste exemplo, o URL base para todos os URLs relativos no documento é definido como https://example.com/. Portanto, quando um usuário clica no Sobre ou Contato links, eles serão direcionados para https://example.com/about.html e https://example.com/contact.html respectivamente.

Atributos

O elemento tem dois atributos:

• href: este atributo especifica a URL base para todas as URLs relativas no documento.
• target: este atributo opcional especifica o destino padrão para todos os links no documento. Os valores possíveis incluem _blank, _self, _parente _top.

Contente

O base elemento é a elemento void, o que significa que ele não suporta nenhum modelo de conteúdo e você não pode passar nenhum tipo de conteúdo para ele.

Notas de uso

• Se o elemento não estiver presente em um documento, a URL base será considerada a URL do documento atual.
• Se o href ou target atributos são especificados, este elemento deve vir antes de todos os outros elementos que usam URLs.
• O href atributo no elemento pode ser um URL absoluto ou um URL relativomas deve ser absoluto se o documento estiver sendo servido de um sistema de arquivos em vez de um servidor da web.
• Certifique-se de adicionar uma barra final ao URL que está usando, a menos que queira que a última parte do URL seja removida. Por exemplo:

1

 href="https://www.example.com/blog/" />

2

 src="image.png" /> 

3

4

5

6

 href="https://www.example.com/blog" />

7

 src="image.png" /> 

8

Kezz Bracey se aprofunda, explicando o que podemos e o que não podemos fazer com em Como usar a tag “base” HTML.

Saber mais