Como usar a tag de endereço HTML?

Como Usar A Tag De Endereco Html



O ' ” fornecem significado semântico aos detalhes de contato do autor, proprietário ou entidade associada a um documento. O texto dentro do “ ” é exibido na página da Web em itálico. Os desenvolvedores o utilizam principalmente para exibir informações como endereço físico ou postal, endereço de e-mail, número de telefone, URL do site, etc. Este artigo demonstra a explicação da tag de endereço HTML.

Como usar uma tag de endereço HTML?

O ' ” pode ser utilizado com outras tags como “ ”, “ ”, “ ” etc. Ele melhora a acessibilidade e a otimização do mecanismo de pesquisa devido à sua natureza semântica, garantindo a manutenção e a consistência. A etiqueta de endereço pode ser utilizada em páginas de contato, seções de rodapé e na ilustração de informações do autor de um blog ou artigo, etc.







Acesse o exemplo prático abaixo para melhor entendimento:



< corpo >
< div aula = 'estilo de endereço' >
< endereço >
Escrito por < a href = 'https://linuxhint.com/' > Anônimo a > . < br >
Visite-nos em: Metaverso < br >
linuxhint.com < br >
Em nenhum lugar, galáxia < br >
multiverso
endereço >
div >
corpo >


No bloco de código acima:



    • Inicialmente, o pai “
      ” é criada dentro da tag “ ' marcação.
    • Em seguida, a classe chamada “ estilo de endereço ” é atribuído com o recém-criado “ div ' elemento.
    • Depois disso, utilize o “ ” e dentro dela fornece dados pessoais fictícios.

Após a execução e nova renderização, a página da Web é exibida assim:






A saída mostra que o conteúdo dentro da tag “

” foi exibido com estilo predefinido.

Para estilizar o conteúdo da tag “

”, as propriedades CSS são utilizadas conforme abaixo:



< estilo >
.addressStyling {
margem: 20px;
cor: vermelho ;
tamanho da fonte: x-large;
família da fonte: montserrat;
}
estilo >


No bloco de código acima:

    • Primeiro, o pai “ div 'classe de elemento' estilo de endereço ' é selecionado.
    • Em seguida, os valores de “ 20px ' e ' vermelho ” são fornecidos ao CSS “ margem ' e ' cor ” propriedades, respectivamente.
    • No final, personalize a fonte atribuindo “ extra grande ' e ' Montserrat ” valores para o CSS “ tamanho da fonte ' e ' família de fontes ” propriedades, respectivamente.

Depois de adicionar propriedades CSS, agora a saída final se parece com esta:


A saída mostra que o estilo personalizado foi aplicado.

Alternativa: uso da tag

O ' ”é utilizada para desviar o foco do usuário para a parte específica dos dados ou informações. Ele muda o estilo do texto para “ itálico ” o que torna o texto único e chama a atenção do usuário. Pode ser útil para indicar citações, títulos de livros ou outras instâncias em que uma representação visual distinta é desejada. Siga o código abaixo:

< p >
< eu estilo = 'tamanho da fonte:x-large;' > Linux eu > é em o formato itálico usando 'eu' marcação
p >


Após a compilação do bloco de código acima:


A saída mostra que o mesmo estilo foi aplicado usando o método “ ' marcação.

Conclusão

O ' ” é usada especificamente para exibir os dados pessoais do autor ou alguma entidade na página da web. É uma tag semântica que ajuda muito no processo de SEO também. Os dados dentro do “ ” é exibida na página da Web em itálico. Além disso, as propriedades CSS também podem ser utilizadas para aplicar estilos personalizados. Este artigo demonstrou a explicação da tag HTML

.