Etiqueta HTML <q>
Exemplo
Marque uma pequena citação:
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A <q>
tag define uma cotação curta.
Os navegadores normalmente inserem aspas ao redor da cotação.
Dica: Use <blockquote> para citações longas.
Suporte ao navegador
Element | |||||
---|---|---|---|---|---|
<q> | Yes | Yes | Yes | Yes | Yes |
Atributos
Attribute | Value | Description |
---|---|---|
cite | URL | Specifies the source URL of the quote |
Atributos Globais
A <q>
tag também suporta os Atributos Globais em HTML .
Atributos do evento
A <q>
tag também suporta os atributos de evento em HTML .
Mais exemplos
Exemplo
Use CSS para estilizar o elemento <q>:
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>WWF's goal is to:
<q>Build a
future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
Páginas relacionadas
Referência HTML DOM: Objeto de cotação
Configurações padrão de CSS
A maioria dos navegadores exibirá o <q>
elemento com os seguintes valores padrão:
Exemplo
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}