Tag HTML <blockquote>
Este post se concentra no blockquote da tag HTML . Com o otimismo de que isso nos ajudaria a aprender.
Um blockquote , uma seção citada de uma fonte diferente, pode ser identificada usando a tag HTML blockquote :
O exemplo dado mostra o funcionamento da tag <blockquote> :
Example:
A indentação pode ser descartada das blockquotes modificando o CSS:
Example:
Aqui está outro exemplo da tag <blockquote> com a tag <cite>:
Example:
Configurações padrão de CSS
Freqüentemente, os navegadores mostrarão os seguintes valores padrão para o elemento <blockquote> :
display: block;
margin-top: 1.2em;
margin-bottom: 1.2em;
margin-left: 44px;
margin-right: 44px;
}
Usos e Definição
Usando a tag HTML blockquote , você está descrevendo uma seção de texto citada de outra fonte.
Os navegadores geralmente indentam elementos de citação em bloco (consulte o exemplo a seguir para obter informações sobre como remover o recuo).
.
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <blockquote> | Sim | Sim | Sim | Sim | Sim |
Atributos
| Atributo | Valor | Visão geral |
|---|---|---|
| citar | URL | Fornece a fonte da citação. |
Atributos Globais
Além disso, a tag <blockquote> é compatível com HTML Global Attributes .
Atributos do Evento
Em HTML, os atributos de evento também são aceitos pela tag HTML blockquote < blockquote >.
Vantagens de usar a tag <blockquote>
Aqui estão algumas vantagens de usar essa tag:
- A tag <blockquote> fornece uma indicação visual ao leitor de que uma seção de texto é citada. Isso torna mais fácil para os leitores distinguir entre texto citado e texto normal, melhorando a legibilidade geral do documento.
- Ao usar a tag <blockquote> , os desenvolvedores da Web podem fornecer significado semântico ao texto citado, indicando que é uma citação direta de outra fonte. Isso pode ajudar os mecanismos de pesquisa e outros rastreadores da Web a entender a estrutura e o conteúdo do documento, o que pode melhorar a otimização do mecanismo de pesquisa (SEO) da página.
- A tag <blockquote> pode melhorar a acessibilidade do documento fornecendo contexto adicional para leitores de tela e outras tecnologias assistivas. Ao indicar que uma seção do texto é uma citação, os leitores de tela podem ler o texto com pausas e entonações apropriadas, tornando mais fácil para os usuários com deficiência visual entender a estrutura e o significado do texto.
- A tag <blockquote> pode ser estilizada com CSS para fornecer uma aparência visual distinta para o texto entre aspas. Isso pode ajudar a destacar o texto e chamar a atenção para informações importantes, como uma citação importante de um artigo ou um depoimento de um cliente.
