Tag HTML <address>
A tag HTML <address> fornece informações de contato do autor ou proprietário de um documento ou artigo.
A tag <address> fornece informações de contato do autor ou proprietário de um documento ou artigo. Pode conter um endereço de e-mail, número de telefone, endereço físico, link para o site do autor, perfis em redes sociais, entre outros.
Esta página explica o que <address> realmente significa semanticamente, onde utilizá-la, o erro comum a evitar e como combiná-la com <footer>.
O que <address> realmente significa
A coisa mais importante a entender é que <address> não é um contêiner genérico para qualquer endereço postal. Ela marca especificamente as informações de contato de:
- o ancestral
<article>mais próximo — ou seja, o autor daquele artigo, ou - o documento como um todo, quando seu ancestral mais próximo é o elemento
<body>— ou seja, o proprietário da página.
Portanto, o escopo de um bloco <address> depende de onde ele é colocado:
- Dentro de
<body>(geralmente dentro do<footer>da página) → refere-se ao autor ou proprietário do documento inteiro. - Dentro de um
<article>→ refere-se ao autor daquele artigo.
Não use <address> para um endereço postal arbitrário que seja apenas parte do conteúdo da página — por exemplo, um endereço de correspondência dentro de um post de blog, a localização de um evento em uma página de eventos, ou o endereço de uma loja em uma descrição de produto. Esses não são dados de contato do autor ou proprietário do documento ou artigo, portanto devem ser texto simples (ou envolvidos em um <p>). O uso indevido de <address> transmite informações incorretas para tecnologias assistivas e mecanismos de busca.
Sintaxe
A tag <address> vem em pares. O conteúdo fica entre as tags de abertura (<address>) e fechamento (</address>).
A maioria dos navegadores adiciona uma quebra de linha antes e depois do elemento e renderiza o texto em itálico. Esse estilo pode ser substituído com CSS.
Observe que <address> não deve conter títulos (<h1>–<h6>), elementos de secionamento como <article> ou <section>, nem outros elementos <address>, <header> ou <footer>.
Informações de contato no nível do documento
Quando as informações de contato se aplicam à página inteira, coloque <address> dentro de <body> — normalmente dentro do rodapé da página:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<address>
Author: W3docs team<br />
<a href="mailto:[email protected]">Contact Author</a>
</address>
</body>
</html>Autor de um artigo
Para marcar as informações de contato do autor de um único artigo, coloque <address> dentro do elemento <article> daquele artigo (geralmente dentro do <footer> do artigo). Este é o uso canônico e semanticamente correto da tag:
<!DOCTYPE html>
<html>
<head>
<title>Article author</title>
</head>
<body>
<article>
<h2>Understanding Semantic HTML</h2>
<p>Semantic elements describe their meaning to both the browser and the developer...</p>
<footer>
<p>Posted on June 17, 2026.</p>
<address>
Written by Jane Doe.<br />
Contact: <a href="mailto:[email protected]">[email protected]</a><br />
<a href="https://example.com/jane">example.com/jane</a>
</address>
</footer>
</article>
</body>
</html>Usando <address> no rodapé da página
Quando os dados do autor ou proprietário pertencem ao site inteiro, você pode incluir <address> junto com outras informações dentro do <footer> da página. Neste caso, o endereço é a informação de contato do proprietário do site — que é exatamente a finalidade de <address>. Um simples endereço postal da empresa sem contexto de autor ou proprietário não pertenceria ao <address>:
<!DOCTYPE html>
<html>
<head>
<style>
.header{
height: 40px;
padding: 20px 20px 0;
background: #e1e1e1;
}
.main-content{
height: 60vh;
padding: 20px;
}
footer{
padding: 10px 20px;
background: #666666;
color: white;
}
a{
color: #00aaff;
}
</style>
</head>
<body>
<div class="header">Header / Menu</div>
<div class="main-content">
<h1>Main content</h1>
<p>This is some paragraph. </p>
</div>
<footer style="display:flex; justify-content:space-between; align-items:flex-end;">
<p style="margin:0;">Company © W3docs. All rights reserved.</p>
<address>
Contact us: <a href="mailto:[email protected]">[email protected]</a>
</address>
</footer>
</body>
</html>Atributos
A tag <address> não possui atributos específicos do elemento. Ela suporta apenas os Atributos Globais e os Atributos de Evento.