A fin de utilizar de forma
impecable textos extensos de diferentes autores, marcaremos mediante etiquetas
de HTML citas largas en un documento. Algunos creadores de páginas web desconocen la forma de marcar citas
largas, por ende, incurren en infracciones de derechos de autor o pasan horas
en la creación del diseño, a fin de mostrarlas como es debido. Por lo tanto,
marcaremos correctamente citas largas según las recomendaciones oficiales de
HTML.
Desde pequeños
utilizamos citas, debido a la importancia para referenciar el texto de un
autor. La forma de identificarlas en un documento HTML es mediante la etiqueta
cite, la cual delimita bloques de
citas, mientras q debe ser empleada para
las líneas de citas. Sin embargo, ambas etiquetas son de utilidad cuando el
texto a citar es corto.
061-01_0403_ilu01. Creación de la etiqueta cite y q
Existen situaciones
en las cuales necesitamos hacer mención a textos largos, para ello existe la
etiqueta de bloque llamada blockquote, la
cual amerita inicio y cierre correspondiente para un correcto funcionamiento,
como se muestra en la ilustración.
061-01_0403_ilu02. Creación de la etiqueta blockquote
Para la creación de la etiqueta blockquote:
- Creamos la etiqueta con su inicio y cierre.
- Agregamos dentro de ella un poema.
- Anexamos texto fuera de la etiqueta de bloque, para
visualizar la diferencia.
De esta forma el
navegador web agrega espacio a los
lados, tal cual como las citas largas de otros autores. En la siguiente
ilustración observamos el ejemplo paso a paso:
061-01_0403_ilu03. Ejemplos con la etiqueta blockquote
Existen páginas web donde utilizan la etiqueta blockquote por razones de diseño, a fin
de mostrar un texto con sangría a la derecha e izquierda de la pantalla, sin embargo,
es incorrecto hacerlo, debido al sentido semántico aportado por esta etiqueta
como lo es una cita. Por lo tanto, solo debe ser utilizado en los casos donde
se mencione referencias de autores, de lo contrario, lo ideal es aplicar este
estilo mediante el lenguaje CSS.
La condición
importante al momento de utilizar la etiqueta blockquote es contener en ella solo elementos de bloque, como
veremos seguidamente:
061-01_0403_ilu04. Forma correcta e incorrecta de definir blockquote
La forma correcta
es la imagen a la izquierda donde se definen varias etiquetas de párrafo p y la forma incorrecta es cuando se
incluyen elementos en línea como b. La
única forma de utilizar elementos en línea
es definirla dentro de una etiqueta de bloque.
Para ser más
específicos con la etiqueta blockquote
es posible utilizar cite como
atributo, a fin de especificar la fuente del texto referenciado. Para ello, es
necesario agregarla en el inicio, y dentro de las comillas el enlace de
ubicación de la fuente.
061-01_0403_ilu05. Ejemplo de citas con blockquote y cite
Keynotes
- Desde pequeños utilizamos citas, debido a la importancia
para referenciar el texto de un autor. La forma de identificarlas en un
documento HTML es mediante la etiqueta cite,
la cual delimita bloques de citas, mientras q debe ser empleada para las líneas de citas.
- Existen situaciones en las cuales necesitamos hacer mención
a textos largos, para ello existe la etiqueta de bloque llamada blockquote, la cual amerita un inicio y
cierre correspondiente para un correcto funcionamiento.
- Existen páginas web donde
utilizan la etiqueta blockquote por
razones de diseño, a fin de mostrar un texto con sangría a la derecha e
izquierda de la pantalla, sin embargo, es incorrecto hacerlo, debido al sentido
semántico aportado por esta etiqueta como lo es una cita.
- La condición importante al momento de utilizar la etiqueta blockquote es contener en ella solo
elementos de bloque.
Reto
Realiza un
resumen sobre:
- los tipos de citas disponibles en el lenguaje HTML
- el procedimiento requerido para marcarlas
- el beneficio aportado a una página web por cada una de ellas.
Toma en cuenta lo aprendido y la recomendación
actual de este lenguaje.
¡Comparte el
resultado final en tu vPages y pide
sugerencias de tus compañeros!
Tiempo
disponible: entre 15 y 30 minutos.
CierreMediante la creación de citas largas
en un documento HTML, respetamos eficientemente
los derechos de autor y utilizamos de forma impecable textos extensos de
cada uno. El respeto hacia los demás y sus proyectos aporta profesionalismo a
nuestras páginas web.
