A este documento xhtml no se le aplica los estilos o la presentación para demostrar claramente como hay que estructurar claramente un documento web antes de aplicarle el estilo, en este caso xhtml. La estructura de un documento web ayuda mucho a saber como está esctructurado y qué partes son importantes dentro del documento. La razón principal por la que se estrcutura un documento web es porque ayuda mejor a organizar el contenido.
Esto de diseñar es un decir. Lo que hay que hacer es organizar el contenido de forma que a pesar de no llevar estilo esté presentable.
Un documento hecho de esta forma tiene la garantía de que a pesar de que el dispositivo no soporte las hojas de estilo u otro sistema de estilo como XLS, se motrará el contenido del documento de forma organizada como este. Además, facilitará mucho la búsqueda a los motores de búsqueda
Al preocuparnos de separar del contenido de la presentación, nos evitamos de etiquetas y atributos inútiles y no estándares como font o color que aumentan innecesariamente el documento y así hacemos documentos web relativamente pequeños, cuyo tamaño depende únicamente de la información contenida.
Seguro que puedes albergar más contenido en un archivo de 4Kb preocupándote solo del contenido, por ejemplo, que un archivo del mismo tamaño que mezcla el contenido con la presentación.
El dicho más vale una imagen que mil palabras, se cumple perfectamente en la web. Por lo general, las imágenes de por sí lo dicen todo. Nos referimos a imágenes que forman parte del contenido, no de maquetado. Para usar imágenes ideadas para maquetado debemos de recurrir a las hojas de estilo o similar como XLS. Pero no termina aquí, todas las imágenes debe de contener el atributo alt dentro de la etiqueta img para que por la razón que sea, muestre la información referente o descriptiva a dicha imagen en caso de que esta no se muestre por pantalla.
La imagen anterior es un ejemplo de ello. Si por alguna razón el navegador o el dispositivo no soporta la imagen mostrará en pantalla el contenido de alt. Puede ver el código fuente si lo desea.
Claro, una vez que hayamos dado contenido y lo hayamos estructurado, es hora de...
