Etiqueta HTML <q>
Ao longo deste artigo, exploraremos o Tag Q em detalhes, em um esforço para atender aos objetivos educacionais.
A tag HTML <q> é usada para indicar uma citação inline curta. É normalmente usado para incluir um pequeno trecho de texto citado que aparece dentro de um parágrafo ou outro bloco de texto.
Aqui está uma citação rápida:
Example:
Para estilizar o elemento <q> , implemente o CSS da seguinte forma:
Example:
Outro uso exclusivo da tag <q> é fornecer citações de idiomas diferentes :
Example:
Em um jogo de perguntas e respostas, você pode usar a tag <q> para incluir cada pergunta, assim:
Example:
Uso da tag Q
A tag <q> especifica a citação curta do texto referido. As aspas são adicionadas automaticamente pelos navegadores ao redor do texto.
Aqui estão alguns pontos-chave a serem lembrados ao usar a tag <q> :
- A tag <q> destina-se a citações curtas, geralmente apenas algumas palavras ou uma frase curta. Para citações mais longas, a tag <blockquote> é mais apropriada.
- É importante indicar a fonte do texto citado usando marcação apropriada. Por exemplo, você pode usar a tag <cite> para indicar o autor ou publicação onde a citação foi originariamente originada.
- A aparência do texto citado pode variar dependendo do navegador e do CSS aplicado à página. Por padrão, a maioria dos navegadores adiciona aspas ou outra formatação especial para separar o texto citado do texto ao redor.
- Ao usar a tag <q> , é importante garantir que o texto citado seja acessível a usuários de tecnologias assistivas, como leitores de tela. Isso pode ser obtido incluindo texto alternativo apropriado para a tag <q> usando o atributo alt.
Atributos
Global
A Tag Q <q> também é compatível com Atributos Globais em HTML.
Evento
A Tag Q <q> também é compatível com Atributos de Evento em HTML .
Lista de Atributos
| Atributo | Valor | Visão geral |
|---|---|---|
| citar | URL | Este atributo indica a URL de origem da citação |
Compatibilidade do navegador
| Elemento |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <q> | Sim | Sim | Sim | Sim | Sim |
Configurações padrão de CSS
Geralmente, os navegadores mostram o elemento <q> usando os valores padrão:
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
Vantagens da tag HTML <q>
A tag <q> em HTML tem várias vantagens:
- A tag <q> fornece uma maneira semântica e significativa de indicar uma citação curta em linha. Ajuda a diferenciar entre texto normal e citação, tornando o conteúdo mais compreensível e acessível.
- A tag <q> pode ser usada com texto alternativo apropriado para tornar o texto citado acessível a usuários de tecnologias assistivas, como leitores de tela. Isso ajuda a garantir que o conteúdo seja acessível a todos os usuários, incluindo aqueles com deficiência.
- O uso da tag <q> pode ajudar a garantir consistência na marcação de citações em um site ou aplicativo da web. Isso facilita a manutenção e atualização do conteúdo e garante que o conteúdo seja apresentado de forma consistente aos usuários.
- Por padrão, a maioria dos navegadores da Web adiciona aspas ou outra formatação especial para separar o texto citado do texto ao redor. Isso facilita o estilo de citações com CSS e outras ferramentas de web design.
