- El siguiente grupo de elementos del que vamos a hablar se refiere principalmente a frases y párrafos. Comenzamos con los elementos de frase:
| Elementos | EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, ACRONYM |
|---|---|
| Modelo de contenido | cero o más elementos en línea |
| Etiqueta inicial | obligatoria |
| Etiqueta final | obligatoria |
- Muy bien. Alguno me suena.
- Sí, alguno ya lo hemos hemos utilizado antes. Te describo su utilidad rápidamente:
EM:STRONG:CITE:DFN:CODE:SAMP:KBD:VAR:ABBR:title del elemento se puede poner el significado de la abreviatura.ACRONYM:En la práctica, los que más utilizarás son EM y STRONG, y con menos frecuencia CITE, DFN y ABBR. ¿Vamos bien?
- Más o menos.
- Bien. Seguimos con los elementos de párrafo. Básicamente son dos:
| Elemento | P |
|---|---|
| Modelo de contenido | cero o más elementos en línea |
| Etiqueta inicial | obligatoria |
| Etiqueta final | opcional |
- Sí, esto ya estamos hartos de usarlo. ¿Cuál es el otro?
- El otro es el elemento PRE, para texto preformateado.
- ¿Ein? ¿qué es eso?
- Como ya sabes, todo lo que escribas entre <p> y </p> se representa como un párrafo. Aunque pongas saltos de línea en el código HTML, al representarlo saldrá un sólo párrafo. Aunque pongas diez espacios seguidos, al representarlo saldrá uno solo.
- Sí, eso ya lo sé.
- Con el elemento PRE, los saltos de línea y los espacios en blanco que dejes saldrán representados. Esto es útil por ejemplo para escribir código de programas.
| Elemento | PRE |
|---|---|
| Modelo de contenido | cero o más elementos en línea, excepto IMG, OBJECT, BIG, SMALL, SUB, SUP |
| Etiqueta inicial | obligatoria |
| Etiqueta final | obigatoria |
- Ya veo.
- En realidad hay una manera de provocar un salto de línea en un punto predeterminado usando el elemento P, que es con el elemento BR:
| Elemento | BR |
|---|---|
| Modelo de contenido | VACIO |
Como es un elemento vacío, no puedes poner etiqueta final. Simplemente donde escribas <br> habrá un salto de línea.
- Pero tú me dijiste que un salto de línea es donde termina un párrafo y empieza otro.
- Sí. Recuerda que tratamos de separar la estructura de la apariencia. Por eso no te recomiendo que uses el elemento BR, a menos que sea absolutamente necesario.
- ¿Y si lo que queremos es impedir un salto de línea en un punto?
- Pues en vez de poner un espacio normal, pones un espacio de no separación.
- Ah, muy bien, ¿y cómo?
- Para escribir un espacio de no separación utilizamos el código (non-breaking space). Por ejemplo: salto impedido. Pero seguimos. Otros elementos que conocemos ya son los encabezados de sección:
| Elementos | H1, H2, H3, H4, H5, H6 |
|---|---|
| Modelo de contenido | cero o más elementos en línea |
| Etiqueta inicial | obligatoria |
| Etiqueta final | obigatoria |
El encabezado H1 es más importante que el H2, el H2 más importante que el H3, y así sucesivamente hasta el H6 que es el menos importante..
- Sí, ya lo sé.
- Pues seguimos. Otro grupo de elementos de texto son las citas. Se distingue entre citas en línea (Q) y citas en bloque (BLOCKQUOTE):
| Elemento | Q |
|---|---|
| Modelo de contenido | cero o más elementos en línea |
| Etiqueta inicial | obligatoria |
| Etiqueta final | obigatoria |
| Elemento | BLOCKQUOTE |
|---|---|
| Modelo de contenido | elementos en bloque, SCRIPT |
| Etiqueta inicial | obligatoria |
| Etiqueta final | obigatoria |
El elemento Q es para citas cortas (frases, refranes...) y las citas largas contienen su propio párrafo o párrafos (como ves contiene elementos en bloque, no en línea, así que no puede contener palabras directamente).
- Ya. ¿Y qué diferencia hay entre CITE y Q?
- Bueno, lo normal es meter en CITE el origen de la cita (el autor, el libro, la persona que dijo eso, etc.) y en Q la cita en sí. De todos modos, tanto Q como BLOCKQUOTE tienen un atributo cite donde puedes poner el origen de la cita, aunque normalmente no aparecerá directamente representado.
-Bueno, vale.
- Por último, tenemos el elemento ADDRESS, que da información de contacto del autor, y cuando aparece suele hacerlo al principio del documento:
| Elemento | ADDRESS |
|---|---|
| Modelo de contenido | cero o más elementos en línea |
| Etiqueta inicial | obligatoria |
| Etiqueta final | obigatoria |
¿Seguimos?
- Seguimos.