Etiqueta HTML <blockquote>

Definición y uso

<blockquote> etiqueta regula la parte citada de otras fuentes.

Los navegadores generalmente sangran <blockquote> elemento (consulte los ejemplos a continuación para ver cómo eliminar la sangría).

Descripción detallada

<blockquote> etiqueta se define como una cita en bloque.<blockquote> Con </blockquote> Todo el texto entre comillas dobles se separará del texto convencional, a menudo se alineará con sangría a izquierda y derecha (aumentar el margen exterior) y a veces se usará cursiva. Es decir, la cita tiene su propio espacio.

Consejo:Utilice <q> etiqueta para hacer referencias (citas) en línea (cortas).

Por favor, consulte:

Manual de referencia del DOM HTML:Objeto Blockquote

Ejemplo

Ejemplo 1

Parte citada de otras fuentes:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Durante 50 años, la Fundación Mundial para la Naturaleza (WWF) ha estado protegiendo el futuro de la naturaleza.
Como la organización de protección líder del mundo, WWF trabaja en 100 países y recibe el apoyo de 1.2 millones de miembros en Estados Unidos y casi 5 millones de personas en todo el mundo.
</blockquote>

Prueba por ti mismo

Ejemplo 2

Utilice CSS para quitar el reloffit de los elementos blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Esta es una cita del sitio web de la Fundación Mundial para la Naturaleza:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Durante 50 años, la Fundación Mundial para la Naturaleza (WWF) ha estado protegiendo el futuro de la naturaleza.
Como la organización de protección líder del mundo, WWF trabaja en 100 países y recibe el apoyo de 1.2 millones de miembros en Estados Unidos y casi 5 millones de personas en todo el mundo.
</blockquote>
</body>
</html>

Prueba por ti mismo

Atributo

Atributo Valor Descripción
cite URL Especifica la fuente de la cita.

Atributos globales

<blockquote> La etiqueta también admite Atributos globales en HTML.

Atributos de evento

<blockquote> La etiqueta también admite Atributos de evento en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <blockquote> Elemento:

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Prueba por ti mismo

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte