Etiqueta HTML <q>
Ejemplo
Marque una cita breve:
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La <q>
etiqueta define una cita corta.
Los navegadores normalmente insertan comillas alrededor de la cita.
Sugerencia: Use <blockquote> para citas largas.
Compatibilidad con navegador
Element | |||||
---|---|---|---|---|---|
<q> | Yes | Yes | Yes | Yes | Yes |
Atributos
Attribute | Value | Description |
---|---|---|
cite | URL | Specifies the source URL of the quote |
Atributos globales
La <q>
etiqueta también es compatible con los atributos globales en HTML .
Atributos de eventos
La <q>
etiqueta también es compatible con los atributos de eventos en HTML .
Más ejemplos
Ejemplo
Usa CSS para diseñar el 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
Referencia HTML DOM: objeto de cotización
Configuración predeterminada de CSS
La mayoría de los navegadores mostrarán el <q>
elemento con los siguientes valores predeterminados:
Ejemplo
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}