Manual Html Css

|Introducción a CSS |[pi|[pic|
| |c] |] |

|En los orígenes de la Web y en sus primeras versiones, HTML era un lenguaje fácil de aprender y muy reducido en cuanto a sus |
|tags y estructura. Estamos hablando de los años 1990 al 1993. Todo cambió cuando empezaron a surgir los primeros navegadores |
|que eran capaces de representar recursos gráficos como añadido a lainformación textual. |
|Así, el número de sitios web comenzó a crecer y con él, el número de tags que la especificación HTML contemplaba. El objetivo |
|era construir sitios web cada vez más atractivos visualmente hablando, con lo que HTML debía incluir nuevos tags destinados a |
|conseguir diversos efectos visuales.|
|Con todos estos cambios que la web había sufrido, nos encontramos con que un lenguaje que en sus inicios había sido "orientado |
|a la estructura", ahora estaba totalmente "orientado a la visualización" (HTML 4 es la más viva representación de esta |
|realidad). Encontramos tags com , o que definen estilos de visualización sinaportar nada a la estructura del |
|documento representados. |
|Otro aspecto importante y que condiciona totalmente la estructura del documento es el uso del tag FONT. Con el uso de este tag |
|podemos hacer que una zona que corresponde a la cabecera o título de una página, y que deberíaexpresarse con un H1, pase ahora|
|a estar definida mediante el tag FONT. Con este cambio se pierde totalmente la estructura del documento. |
|La realidad ahora es que el mayor número de los sites realizados con HTML 4 consiguen que el volumen de información de |
|visualización sea muy superior al de la información verdaderamente relevante. Esto parece, cuanto menospreocupante. |
|Motivos por los que no podemos permitir que nuestros documentos publicados en la web pierdan su estructura: |
|La indexación por los buscadores es mucho más complicada (Google asigna un peso mucho mayor a una página que utiliza H1 para |
|definir sus secciones, que a los campos META del documento).|
|Se reduce la accesibilidad. Actualmente existen aplicaciones que permiten la lectura de páginas web como ayuda a los |
|discapacitados (persona ciegas o con otras discapacidades). Si una persona discapacitada intenta acceder a una página sin una |
|mínima estructuración, el resultado puede ser lamentable.|
|La estructura de la página y la información contenida en la misma es mucho más sencilla de mantener. Actualmente, ciertos |
|aspectos del código HTML pueden hacer que una misma página tenga visualizaciones distintas en distintos navegadores. Estos |
|errores de diseño son difícilmente depurables cuando la página contiene una estructura de tags complicada y sin ninguna|
|estructuración. Por otra parte, un cambio en un tipo de fuente supone el rediseño de todas las páginas de un site al tener que |
|sustituir todos los valores para el tag FONT. |
|Todos estos problemas han sido seguidos muy de cerca por el W3C, el cual comenzó a trabajar en 1995 en CSS. ||Principales características aportadas por CSS en contraposición a los elementos de visualización presentes en la especificación|
|de HTML 4: |
|Estilo enriquecido. CSS permite la creación de documentos visualmente mucho más ricos que lo que HTML nunca permitirá. No en |
|vano...