¿Qué es una cotización en bloque??

Si usted y amp; apos; alguna vez han visto una lista de elementos HTML, es posible que se hayan encontrado preguntando & amp; quot; qué es un blockquote?& amp; quot; El elemento blockquote es un par de etiquetas HTML que se utiliza para definir citas largas. Aquí está la definición de este elemento de acuerdo con la especificación W3C HTML5:

El elemento blockquote representa una sección que se cita de otra fuente.

& lt; / img & gt ;
Lifwwire / Lara Antal

Cómo usar Blockquote en sus páginas web

Cuando usted y amp; apos; re escriben texto en una página web y crean ese diseño de página y amp; apos; s, a veces desea llamar a un bloque de texto como una cita. Esta podría ser una cita de otro lugar, como un testimonio del cliente que acompaña un estudio de caso o una historia de éxito del proyecto.

Video destacado

Esto también podría ser un tratamiento de diseño que repita algún texto importante del artículo o contenido en sí. En la publicación, esto a veces se denomina cita de atracción. En el diseño web, una de las formas de lograr esto (y la forma en que estamos cubriendo este artículo) se llama una cita de bloque.

Así que veamos cómo usaría la etiqueta blockquote para definir citas largas, como este extracto de & amp; # x201C; The Jabberwocky & amp; # x201D; por Lewis Carroll:

& amp; apos; Era brillante y las curvas de slithey & lt; br & gt ;
Giró y gimble en el wabe: & lt; br & gt ;
Todos los mimsy eran los borogoves, & lt; br & gt ;
Y las ratas del momo son exageradas.& lt; / br & gt; & lt; / br & gt; & lt; / br & gt;

(por Lewis Carroll)

Ejemplo de uso de la etiqueta Blockquote

La etiqueta blockquote es una etiqueta semántica que le dice al navegador o al agente de usuario que el contenido es una cita larga. Como tal, no debe incluir texto que no sea una cita dentro de la etiqueta blockquote.

Una cita es a menudo palabras reales que alguien ha dicho o texto de una fuente externa (como el texto de Lewis Carroll en este artículo), pero también puede ser el concepto de cita de extracción que cubrimos anteriormente.

Cuando lo piensa, esa cita es una cita de texto, simplemente es del mismo artículo en el que aparece la cita.

La mayoría de los navegadores web agregan algunas sangrías (aproximadamente 5 espacios) a ambos lados de una cotización en bloque para que se destaque del texto circundante. Algunos navegadores extremadamente antiguos pueden incluso representar el texto citado en cursiva. Recuerde que este es simplemente el estilo predeterminado del elemento blockquote.

Con CSS, tiene control total sobre cómo se mostrará su blockquote. Puede aumentar o incluso eliminar la sangría, agregar colores de fondo o aumentar el tamaño del texto para cancelar la cotización. Puede hacer flotar esa cita a un lado de la página y hacer que el otro texto lo envuelva, que es un estilo visual común utilizado para extraer citas en revistas impresas.

Tienes control sobre la apariencia de blockquote & amp; apos; con CSS, algo que discutiremos un poco más en breve. Por ahora, let & amp; apos; s continúa buscando cómo agregar la cita a su marcado HTML.

Para agregar la etiqueta blockquote a su texto, simplemente rodee el texto que es una cita con el siguiente par de etiquetas:

• Apertura: & lt; fuerte / & gt; & lt; fuerte / & gt; & lt; blockquote / & gt;
• Cierre: & lt; fuerte / & gt ;

Por ejemplo:

& lt; pre / & gt ;

& amp; # x2019; Era brillante y las palomas de los resbaladizos
& lt; br & gt ;
& lt; br & gt ;
Giró y gimble en el wabe :
& lt; br & gt ;
& lt; br & gt ;
Todos los mimsy eran los borogoves
& lt; br & gt ;
& lt; br & gt ;
Y las ratas del momo son exageradas.

Agregue el par de etiquetas blockquote alrededor del contenido de la cita en sí. En este ejemplo, también utilizamos algunas etiquetas de corte (
& lt; br & gt ;
) para agregar saltos de una sola línea cuando sea apropiado dentro del texto. Esto se debe a que estamos recreando texto de un poema, donde esos descansos específicos son importantes.& lt; / br & gt ;

Si estaba creando una cotización testimonial del cliente, y las líneas no necesitaban romper partes específicas, no querría agregar estas etiquetas de corte y permitir que el navegador se envuelva y rompa según sea necesario según el tamaño de la pantalla.

No use Blockquote to Indent Text

Durante muchos años, las personas usaron la etiqueta blockquote si querían sangrar el texto en su página web, incluso si ese texto no era una cita extraíble. Esta es una mala práctica! No desea utilizar la semántica de blockquote únicamente por razones visuales.

Si necesita sangrar su texto, debe usar hojas de estilo, no las etiquetas de blockquote (a menos, por supuesto, que lo que está tratando de sangrar sea una cita)!).

& lt; / br & gt ;
& lt; / br & gt ;
& lt; / br & gt ;
& lt; / br & gt ;
& lt; / br & gt ;
& lt; / br & gt ;

& amp; # x203A; Informática