Tercera semana del curso de HTML y XHTML para CSS
Muy flojita la tercera semana del curso de Westciv que os estoy resumiendo.
Jerarquía de contenedores
Ya hemos visto que un documento HTML es una serie de contenedores (elementos) y que cada elemento está contenido en otro elemento padre (salvo el elemento raíz). Los elementos con el mismo padre se llaman hermanos (siblings).
En esencia, un documento HTML es una jerarquía de contenedores, y dicha jerarquía es la estructura del documento.
Estructura vs. marcado de presentación
Muchos diseñadores y desarrolladores web tratan las páginas web como páginas de papel, imitando el diseño o procesado de textos, casuando ciertos problemas.
Al contrario que las páginas de papel, las páginas web son fluidas, capaces de adaptarse a las preferencias de un usuario, o en respuesta a una entrada de usuario. Sin embargo los diseñadores se han acostumbrado a eliminar dicha característica con la intención de que los usuarios vean la página web sólo como él la ha diseñado, forzando a sus lectores, con lo que se contradice con los principios de la interoperabilidad y accesibilidad de la web: toda la información debería estar disponible para todo el mundo en cualquier lugar, sin importar discapacidades o plataformas.
Al mezclar información de contenido y de apariencia en un mismo lugar, hacemos difícil que nuestras páginas funcionen en distintas plataformas, e impedimos a usuarios con distintas discapacidades que accedan a la información. No sólo se accede a la web con Internet Explorer o Netscape en un PC.
Lo primero que hay que hacer es evitar los elementos HTML que son sólo de presentación (font, b, i, underline, blink). Para ello usaremos hojas de estilo.
Lo segundo es usar HTML para el propósito para el que fue diseñado: estructurar el contenido. HTML es un lenguaje de marcado estructural, diseñado para modelar la estructura de la información, y nunca su apariencia. Debemos centrarnos en las cabeceras, el contenido, dividido en párrafos, que pueden contener citas, texto enfatizado, etc. Nuestra labor es reproducir dicha estructura con HTML.
Elementos principales de HTML
Elemento raiz
El primer elemento, el raíz, es html. Todo documento HTML está encerrado por las siguientes etiquetas:
<html> </html>
Cabecera y cuerpo
La siguiente división es la cabecera y el cuerpo, ambos hijos del elementos raíz, y por tanto, hermanos. La cabecera (head) contiene información acerca del documento, mientras que el cuerpo (body) contiene el contenido. La cabecera siempre va antes del cuerpo del documento.
<html><head></head><body></body></html>
Esto es ya un documento HTML, aunque está completamente vacío.
Título
Se coloca en la cabecera de la página, con el elemento title:
<title>Título de la página</title>
Y aparecerá en la barra superior de la ventana de aplicación.
