---
title: <base>
slug: Web/HTML/Element/base
translation_of: Web/HTML/Element/base
---
<h2 id="Resumo">Resumo</h2>

<p>O <em>elemento HTML Base</em> (<strong>&lt;base&gt;</strong>) especifica o endereço (URL) utilizada por todos os endereços relativos contidos dentro de um documento. Há um número máximo de 1 (um) elemento <em>Base </em>&lt;base&gt; do documento.</p>

<div class="note"><strong>Nota de uso:</strong> Se multiplos elementos <code>&lt;base&gt;</code> forem especificados, apenas o primeiro valor de <strong>href</strong> e <strong>target</strong> serão utilizados, os demais serão ignorados.</div>

<ul class="htmlelt">
 <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn> Metadata content.</li>
 <li><dfn>Permitted content</dfn> None, it is an {{Glossary("empty element")}}.</li>
 <li><dfn>Tag omission</dfn> There must be no closing tag.</li>
 <li><dfn>Permitted parent elements</dfn> Any {{HTMLElement("head")}} that doesn't contain any other {{HTMLElement("base")}} element</li>
 <li><dfn>DOM interface</dfn> {{domxref("HTMLBaseElement")}}</li>
</ul>

<h2 id="Atributos">Atributos</h2>

<p><span style="line-height: 21px;">Este elemento inclui os </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributos globais</a><span style="line-height: 21px;">.</span></p>

<dl>
 <dt>{{htmlattrdef("href")}}</dt>
 <dd>
 <div>O URL de base para ser usado em todo o documento para endereços URL relativos.</div>

 <div>Se este atributo for especificado, este elemento deve vir antes de quaisquer outros elementos com atributos cujos valores são URLs. </div>

 <div>Endereços (URLs) absolutos e relativos são permitidos (mas ver seção nota abaixo).</div>
 </dd>
 <dt>{{htmlattrdef("target")}}</dt>
 <dd>Esse elemento é uma palavra-chave que indica o local padrão para exibir o resultado quando os hiperlinks causarem navegações, por elementos que não têm referência alvo explícita. Em HTML5, é um nome ou palavra-chave para um contexto de navegação. (por exemplo, guia, janela, ou frame incorporada). As seguintes formas têm significados específicos:</dd>
</dl>

<ul>
 <li>_self: Coloca i resultado no mesmo quadro HTML4 ou contexto de navegação, caso HTML5, como o atual. Este valor é o padrão se o atributo não for especificado.</li>
 <li>_blank: Coloca o resultado em uma nova janela HTML4 ou janela no contexto de navegação HTML5.</li>
 <li>_parent: Coloca o resultado no conjunto de quadros pai do quadro atual no caso de HTML4 ou contexto de navegação pai no atual HTML5. Se não houver nenhum pai, esta opção se comporta como a forma _self.</li>
 <li>_top: Em HTML4: Coloca o resultado na janela completa, original, cancelando todos os outros quadros. Em HTML5: Coloca o resultado no contexto de navegação de nível superior (ou seja, o contexto de navegação em que é um antepassado do atual, e não o pai). Se não houver nenhum pai, este opção se comporta da mesma forma que _self.</li>
</ul>

<h2 id="Exemplos">Exemplos</h2>

<pre class="brush: html">&lt;base href="http://www.example.com/"&gt;
&lt;base target="_blank" href="http://www.example.com/"&gt;
</pre>

<h2 id="Specifications" name="Specifications">Especificações</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificações</th>
   <th scope="col">Estado</th>
   <th scope="col">Comentários</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'semantics.html#the-base-element', '&lt;base&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'document-metadata#the-base-element', '&lt;base&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.4', '&lt;base&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadores_Compatíveis">Navegadores Compatíveis</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Recursos</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Suporte Básico</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Recursos</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suporte Básico</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoMobile("1.0")}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Notas">Notas</h2>

<ul>
 <li>A URL base de um documento pode ser consultada utilizando o seguinte script {{domxref('document.baseURI')}}.</li>
 <li>Support of relative URIs for <code>href</code> was added in Gecko 2.0 (Firefox 4.0)</li>
 <li>HTML 2.0 and 3.2 define only the <code>href</code> attribute</li>
 <li>XHTML requires a trailing slash: <code>&lt;base /&gt;</code></li>
</ul>

<p>{{HTMLRef}}</p>