Etiquetado por contenido
Existen otras etiquetas que sirven para indicar claramente el
tipo de contenido que se está mostrando. En un primer
momento las utilizarás poco, aunque si te atreves no es mala
práctica que te acostumbres desde el principio a marcar
correctamente los contenidos. Algunos de los tipos de contenido no
tienen una opción para introducirlos desde el
menú en la actual versión de N|VU y hay
que introducirlos manualmente en la pestaña
.
Sin embargo, la mayoría están accesibles desde la
opción de menú . Aquí tienes una lista de los estilos
relacionados con el contenido con su efecto visual:
Abreviatura <abbr></abbr>
- Se utiliza para indicar que el texto es una abreviatura,
por ejemplo, adj. por
adjetivo. Si, además de marcar la abreviatura con este
código especificamos como atributo title del mismo el
significado de la abreviatura, dicho significado se mostrará
al detener el ratón sobre la palabra (salvo en Internet
Explorer 6 que no lo muestra)
- Acrónimo
<acronym></acronym>
- Similar al anterior pero para indicar que lo que sigue es
un acrónimo
con las siglas de algún organismo, grupo,
institución, etc. Ej.: html. Si
se especifica el atributo title para que recoja el significado
del acrónimo dicho significado se mostrará al
detener el ratón sobre el término (En este caso
Internet Explorer 6 sí que lo muestra aunque no marca
visualmente el
acrónimo, cosa que sí hacen el resto de
navegadores).
- Origen de Cita
<cite></cite>
- Se usa para indicar la fuente de una cita, como por ejemplo
el autor o el título de
un libro. Ej.: La cita anterior pertenece a El ingenioso
hidalgo Don Quijote de la Mancha
- Cita textual en línea
<q></q>
- Se utiliza para recoger una cita textual. Los navegadores
(salvo Internet Explorer) entrecomillan automáticamente la
cita. Ej.:
En un lugar de la Mancha, de cuyo ...
Nota:
La opción cita que puede verse en el menú no
corresponde a este código sino al que denominamos "Origen de la cita",
por lo que si queremos utilizarlo habrá que introducir la
etiqueta directamente en la pestaña
o
desde la ventana a la que nos da acceso la opcion de menú
- Cita textual en bloque
<blockquote></blockquote>
- Su función es la misma que la de la cita en
línea, pero mientras ésta se utiliza para citar
frases que se insertan en el flujo del texto (de ahí su
nombre "en línea"), la cita en bloque se utiliza para
bloques de texto más extensos. La mayoría de los
navegadores representan las citas en bloque aumentando el sangrado del
bloque, tanto a la izquierda como a la derecha, aunque no entrecomillan
la cita. El resultado sería el que se puede apreciar en el
siguiente ejemplo:
Tan pronto como estuvo en su
habitación se
precipitó a abrir los
cajones de su escritorio: todo se encontraba en perfecto orden pero la
excitación le impidió descubrir enseguida los
documentos que buscaba.
Terminó por encontrar la licencia para andar en bicicleta y
ya se
disponía a presentársela al agente cuando,
mudando de proceder, lo
estimó insuficiente por lo que continuó buscando
hasta que encontró su
partida de nacimiento. Franz Kafka. El proceso.
Nota:
Tampoco disponemos de una opción en los menús
para introducir este código, por lo que también
tendremos que hacerlo manualmente en la pestaña
o
desde la ventana a la que nos da acceso la opcion de menú
- Definición
<dfn></dfn>
- Marca un texto como término que va a ser
definido a continuación en el flujo normal del texto. Ej.:
El fonema es la unidad mínima de
articulación lingüística.
- Código
<code></code>
- Indica que el texto es código de un programa de
ordenador. Ej.:
<script
type="text/javascript"
language="JavaScript">document.write(t6)</script>
Nota:
en esta documentación se han utilizado reglas CSS para
modificar la apariencia de los elementos de código,
mostrándolos con la apariencia <código>
- Salida de ejemplo
<samp></samp>
- Indica que el texto es el resultado ofrecido por un
programa de ordenador. Ej.: No se encuentra el archivo
- Entrada de teclado
<kbd></kbd>
- Indica que el texto es lo que un usuario teclea en un
ordenador. Ej.: Introduzca el siguiente
número de serie: A2345J87
- Variable
<var></var>
- Sirve para marcar una variable de un programa de ordenador.
Ej.: b=45
Como has comprobado las variaciones de apariencia son escasas
y, además, varias de estas etiquetas están
intimamente relacionadas con el mundo e la programación y
los ordenadores, por lo que es bastante probable que no las necesites.
De todas maneras no estaría de más que tuvieras
en cuenta las etiquetas <abbr>
,
<acronym>
, <q>
,
<cite>
y <dfn>
porque, además de ahorrarte el trabajo de que tengas que
especificar la apariencia del texto, pueden ser muy útiles
para facilitar la accesibilidad a programas lectores para personas
invidentes que podrán leer el contenido e informar
claramente al visitante del tipo de contenido exacto de cada elemento
de la página.
Además de estas opciones, también
tenemos la etiqueta de dirección <address></address>
que nos permitirá indicar que una referencia corresponde a
una
dirección física o bien una dirección
electrónica. Al tratarse de una etiqueta que se aplica a
todo un
párrafo no podremos acceder a ella mediante el
menú que nos permite especificar un estilo para una
palabra o grupo de palabras. Lo encontraremos en el
desplegable de la
- Si ya has empezado a diseñar una
página en la que
figure una dirección física, como por ejemplo la
de tu
centro, sitúa el ratón sobre la
dirección postal
del mismo y márcala como dirección. En caso de no
ser
así puedes crear una nueva página al efecto en la
que se
incluya una dirección postal.
- Comprueba que no ha hecho falta
señalar todo el
texto, ya que la etiqueta se ha aplicado a todo el párrafo.
(De
hecho es probable que, si la dirección no estaba en un
párrafo individual te veas en la necesidad de separarla para
que
no se aplique el tipo de párrafo a otros elementos)
- El tipo dirección se hereda, por lo que si
pulsas la tecla
verás
que el siguiente párrafo sigue mostrándose
también
como dirección por lo que tendrás que recurrir al
selector de para volver a convertirlo en el tipo
adecuado.
- Si has creado una página específica
para realizar la actividad guárdala como
actividad6.html. En caso contrario, si has aplicado la
técnica a una página que ya estabas creando,
puedes mantener su nombre.