HTML

En HTML5 no es necesario cerrar etiquetas simples con una barra al final, pero recomendamos utilizarlas por razones de compatibilidad. El anterior código se podría escribir de la siguiente manera:











Listado 1-7. Cierre de etiquetas simples.
La etiqueta , como siempre, simplemente especifica el título del documento, y no hay nada nuevo para comentar:





Este texto es el título del documento




6
Listado 1-8. Usando la etiqueta .
Conceptos básicos: El texto entre las etiquetas es el título del documento que estamos creando. Normalmente este texto es mostrado en la barra superior de la ventana del navegador.

Otro importante elemento que va dentro de la cabecera del documento es . Este elemento esusado para incorporar estilos, códigos Javascript, imágenes o iconos desde archivos externos. Uno de los usos más comunes para es la incorporación de archivos con estilos CSS:
Documentos HTML5






Este texto es el título del documento





Listado 1-9. Usando el elemento .
En HTML5 ya no se necesita especificar qué tipo de estilos estamos insertando,por lo que el atributo type fue eliminado. Solo necesitamos dos atributos para incorporar nuestro archivo de estilos: rel y href. El atributo rel significa “relación” y es acerca de la relación entre el documento y el archivo que estamos incorporando por medio de href. En este caso, el atributo rel tiene el valor stylesheet que le dice al navegador que el archivo misestilos.css es un archivo CSScon estilos requeridos para presentar la página en pantalla (en el próximo capítulo estudiaremos cómo utilizar estilos CSS).
Conceptos básicos: Un archivo de estilos es un grupo de reglas de formato que ayudarán a cambiar la apariencia de nuestra página web (por ejemplo, el tamaño y color del texto). Sin estas reglas, el texto y cualquier otro elemento HTML sería mostrado en pantalla utilizandolos estilos estándar provistos por el navegador. Los estilos son reglas simples que normalmente requieren solo unas pocas líneas de código y pueden ser declarados en el mismo documento. Como veremos más adelante, no es estrictamente necesario obtener esta información de archivos externos pero es una práctica recomendada. Cargar las reglas CSS desde un documento externo (otro archivo) nos permitiráorganizar el documento
7
El gran libro de HTML5, CSS3 y Javascript
principal, incrementar la velocidad de carga y aprovechar las nuevas características de HTML5.
Con esta última inserción podemos considerar finalizado nuestro trabajo en la cabecera. Ahora es tiempo de trabajar en el cuerpo, donde la magia ocurre.
1.3 Estructura del cuerpo
La estructura del cuerpo (el código entre lasetiquetas ) generará la parte visible del documento. Este es el código que producirá nuestra página web.
HTML siempre ofreció diferentes formas de construir y organizar la información dentro del cuerpo de un documento. Uno de los primeros elementos provistos para este propósito fue . Las tablas permitían a los diseñadores acomodar datos, texto, imágenes y herramientas dentro de filas y columnas deceldas, incluso sin que hayan sido concebidas para este propósito.
En los primeros días de la web, las tablas fueron una revolución, un gran paso hacia adelante con respecto a la visualización de los documentos y la experiencia ofrecida a los usuarios. Más adelante, gradualmente, otros elementos reemplazaron su función, permitiendo lograr lo mismo con menos código, facilitando de este modo la creación,permitiendo portabilidad y ayudando al mantenimiento de los sitios web.
El elemento comenzó a dominar la escena. Con el surgimiento de webs más interactivas y la integración de HTML, CSS y Javascript, el uso de se volvió una práctica común. Pero este elemento, así como , no provee demasiada información acerca de las parte del cuerpo que está representando. Desde imágenes a menús, textos,...