Читать книгу El gran libro de HTML5, CSS3 y Javascript - Diego Gauchat Juan - Страница 22
1.4.2 <header>
ОглавлениеUno de los nuevos elementos incorporados en HTML5 es el llamado <header>
. El <header>
no debe confundirse con la etiqueta <head>
, que usamos páginas atrás para construir la cabeza del documento. De la misma manera que la etiqueta <head>
, la etiqueta <header>
proporciona informaciones introductorias (tales como títulos, subtítulos o logotipos), pero ambas etiquetas difieren en alcance. Si bien las etiquetas <head>
tienen el propósito de proporcionar información sobre todo el documento, las etiquetas <header>
están destinadas a ser utilizadas como parte del cuerpo del documento HTML.
Código 1-12
Uso del elemento <header>
.
En el Código 1-12 definimos el título de la página web con la etiqueta <header>
. Tenga en cuenta que este título es distinto al título general del documento que definimos anteriormente en la sección <head>
. La inserción del elemento de <header>
representa el comienzo del cuerpo del documento y, por tanto, de su parte visible. A partir de este punto será capaz de ver los resultados del código que está creando en la ventana de su navegador.
Hágalo usted mismo
Si ha seguido las instrucciones desde el comienzo de este capítulo, ya debe disponer de un archivo de texto con los códigos HTML estudiados hasta ahora, listo para ser probado. Si no, lo único que tiene que hacer es copiar el contenido del Código 1-12 en un archivo de texto vacío creado con cualquier editor de texto (como el Bloc de notas de Windows), guardar el archivo con un nombre y la extensión .html, y abrirlo en su navegador.
Conceptos básicos
El elemento <h1>
, aplicado en el Código 1-12, es un viejo elemento del lenguaje HTML utilizado para definir encabezados. En número, que puede estar comprendido entre el 1 y el 6, indica la importancia del encabezado. El elemento <h1>
es el de mayor importancia y el elemento <h6>
el de menor importancia, de manera que <h1>
será el adecuado para mostrar el título principal y el resto de los subtítulos. Posteriormente, se estudiará cómo ha sido modificada la aplicación de estos elementos en HTML5.