Tag HTML <endereço>

Explicaremos o Tag Address neste post para auxiliar nos requisitos de aprendizado.

Informações de contato para mrexamples.com:

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<body>
<address>
Writer <a href="mailto:[email protected]">Colin Smith</a>.<br>
Reach us at:<br>
mrexamples.com<br>
Box 555, virtualland<br>
USA
</address>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Aqui está outro exemplo da tag <address>:

Example: 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>Mr Examples</title>
</head>
<body>
<h3>Our Office Location</h3>
<address id="address-1">
<strong>Acme Inc.</strong><br>
27th Floor, XYZ Building<br>
123 Park Avenue<br>
New York, NY 10022
<br>
Phone: 212-555-5555
</address>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Exemplo de Explicação

O código acima é um documento HTML que contém vários elementos utilizados para estruturar e exibir conteúdo em um site.

  • A primeira linha, “ <!DOCTYPE html> “, é uma declaração que indica a versão HTML5 usada para o documento.
  • O elemento raiz, “ <html> “, engloba todos os outros elementos que compõem o documento, seguido pelos elementos “ <head> ” e “ <body> ” .
  • O elemento “ <head> ” contém dados sobre o documento, como título, folhas de estilo e scripts, que não são diretamente visíveis na página. Neste exemplo, o elemento “ <title> ” especifica o título da página, que é exibido na barra de título do navegador.
  • O elemento “ <body> ” contém o conteúdo visível da página, incluindo texto, imagens e outras mídias.
  • Este exemplo usa o elemento “b” para criar um cabeçalho que diz “Our Office Location” e o elemento “ <address> ” para exibir informações de contato de uma empresa chamada “Acme Inc.” O atributo “id” atribui um identificador exclusivo ao elemento “ <address> ” que é útil para fins de estilo ou script.
  • Dentro do elemento “ <address> ” é utilizado o elemento “ <strong> ” para colocar o nome da empresa em negrito.
  • O conteúdo restante dentro do elemento “ <address> ” fornece o endereço e o número de telefone da empresa.

No geral, este exemplo mostra como os elementos HTML podem estruturar e exibir conteúdo em uma página da Web e a função de atributos como “id” na identificação de elementos específicos para scripts ou objetivos de estilo.



Usos e Definição

A tag Address <address> exibe os detalhes de contato do autor do documento ou de um artigo.

Os detalhes de contato podem incluir um endereço de e-mail, URL , endereço físico , número de telefone, identificador de mídia social etc. quando se trata de Tag Address .

O texto na tag <address> geralmente é exibido em itálico e todo navegador adiciona uma quebra de linha no início e no final do elemento <address> .


Compatibilidade do navegador

Elemento
<endereço> Sim Sim Sim Sim Sim

Atributos do Evento

Em HTML, a tag <address> também aceita Atributos de evento .


Atributos Globais

Em HTML, a tag <address> também aceita atributos globais .


Configurações de CSS por padrão

A maioria dos navegadores exibe o elemento <address> usando os seguintes valores padrão para Tag Address :

address {
display: block;
font-style: italic;
}

Benefícios de usar a tag HTML <address>

A tag HTML <address> fornece vários benefícios quando usada corretamente no desenvolvimento da web. Aqui estão alguns benefícios:

  1. A tag <address> é uma tag HTML padrão que fornece uma maneira consistente e uniforme de exibir informações de contato, como endereço postal, e-mail ou número de telefone.
  2. A tag <address> pode ser usada para fornecer informações de contato de uma maneira que seja facilmente identificável por tecnologia assistiva, como leitores de tela usados ​​por usuários com deficiência visual.
  3. Os mecanismos de pesquisa podem usar a tag <address> para identificar informações de contato e melhorar a classificação das páginas da web. Isso pode ser particularmente benéfico para empresas que buscam melhorar sua presença online.
  4. A tag <address> pode ser estilizada para corresponder ao design de um site, facilitando a integração no layout geral e na aparência da página.

Se este artigo de alguma forma ajudou você a aumentar suas habilidades de desenvolvimento, compartilhe-o com seus amigos clicando nos links abaixo.
Nós valorizamos o seu feedback.
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0
+1
0

Assine a nossa newsletter
Digite seu e-mail para receber um resumo semanal de nossos melhores posts. Saber mais!
ícone