HTML5 Y CSS3 APLICADO

AL TEXTO
 Elementos de texto obsoletos

En la especificación de HTML5, determinados elementos se consideran "obsoletos".

Un elemento obsoleto es un elemento que no ha sido declarado en la
especificación de HTML5. Sin embargo, como el HTML5 debe ser compatible con
las versiones anteriores, los elementos HTML obsoletos seguirán siendo interpretados
correctamente por los navegadores.
El formato del texto

Los elementos basefont, font, big, center, strike, tt y u han quedado

obsoletos... Desde hace tiempo, y han sido remplazados por los estilos
CSS, que son mucho más eficaces.
 Los elementos de texto redefinidos

El HTML5 ha redefinido la función de determinados elementos HTML, en lugar de

declararlos obsoletos.
El elemento <b>
En HTML5, el elemento b indica que una parte del texto se diferencia visualmente del resto,
pero sin que esto tenga mayor importancia. Si no es ese el caso, debemos utilizar strong.
El elemento <strong>
El elemento strong ha conocido una ligera evolución. Hasta ahora se había usado para
indicar un mayor énfasis y para la síntesis vocal. Ahora sirve para indicar una mayor
importancia.
El elemento <i>
El elemento i permitía presentar en la pantalla una palabra en cursiva, sin que hubiese
una connotación semántica. Para mejorar la semántica y la accesibilidad, utilice el
elemento em. utilice el elemento i para señalar las palabras que no suele usar
habitualmente
El elemento <em>
El elemento em sirve para indicar que un texto debe leerse con énfasis.
El elemento <small>
Este elemento se usaba para escribir un texto con un tamaño de caracteres menor al
del resto del texto. En HTML5, el elemento small se usa para presentar un texto "legal"
con letra pequeña.
El elemento <cite>
El elemento cite servía para señalar una citación o una referencia a una fuente externa. Ahora
podrá usarlo para indicar el título de cualquier "obra creativa" .
El elemento <dl>
En HTML 4, el elemento dl permitía introducir listas de definiciones compuestas por los pares
"término - definición del término". En HTML5 su uso se amplía a cualquier lista de asociaciones
formada por cero a varios grupos "nombre - valor".
El elemento <ol>
En HTML 4.01, el atributo start del elemento ol había quedado obsoleto. En HTML5, start vuelve a
ser un atributo estándar. Este presenta además un nuevo atributo boleano, reversed, que
permite invertir el sentido de visualización de una lista.
El elemento <hr>
En HTML5, hr se usa para señalar un cambio de tema en un párrafo, un corte en la escena de
una historia.
El elemento <a>
En HTML5, este elemento nos permite crear "grupos" de vínculos con varios elementos de tipo
bloque.
Nuevos formatos para el texto
 Las columnas:

Una novedad bastante útil del CSS3 nos ofrece la posibilidad de maquetar un texto en columnas.
Existe un módulo específico del CSS3 para esta funcionalidad: CSS Multi-column Layout Module.
Solamente Firefox, Safari y Chrome reconocen parcialmente estas propiedades.
Composición:
 La propiedad column-count permite indicar cuántas columnas queremos crear.
 La propiedad column-width permite definir el ancho de cada columna.
 La propiedad column-gap permite indicar el espacio entre cada columna
 Columnas

 column-rule-width: define el grosor de la línea de separación.

 column-rule-style: define el tipo o el estilo de la línea de separación.
 column-rule-color: define el color de la línea de separación.
 column-rule: es la sintaxis abreviada para definir, en este orden, el grosor, el estilo y el
color.

Otras propiedades muy interesantes, como la gestión del salto de columna

(breakbefore,break-after y break-inside) aún no son gestionadas por los navegadores, pero
ofrecen interesantes perspectivas para la maquetación de tipo "revista".
 Palabras Cortadas

La propiedad overflow-wrap (antigua word-wrap) permite forzar que se seccione una

palabra muy larga, cuando su longitud sea superior al ancho del elemento que la
contenga. Si no se usa esta propiedad, la palabra demasiado larga "se saldrá" de su
contenedor.
 Propiedades

 normal: el corte se realiza en aquellos lugares en los que se haya autorizado la división.
 hyphenate: el corte se realiza en aquellos lugares en los que sea posible aplicar la división
con guion.
 break-word: el corte se realiza de manera arbitraria, en función del ancho del contenido.
Este es por el momento el único valor que reconocen los navegadores.