Tags HTML5
Esta etiqueta sirve para delimitar el cabecero de la página, o el de cualquier otra zona de contenido. Es
decir, puede haber varios header en un mismo documento HTML, que se corresponderán con una u otra
parte de la página dependiendo del elemento dentro del cual lo coloquemos.
A continuación te dejo un ejemplo de una página con un cabecero para un artículo y uncabecero global
de la página.
PÁGINA
Cabecero de la página
ARTÍCULO
Cabecero del artículo
¿Qué información se suele incluir en el cabecero del artículo? El título de éste, quizá una imagen
destacada, la fecha en que fue escrito… ¿Y el cabecero de lapágina? El título de ésta, una frase corta o
eslogan, un logo… Muy sencillo de entender como ves.
5. Títulos: las etiquetas
, y siguientes
Comentábamos que el cabecero albergaba el título, de la página si el cabecero era general, y del artículo
si el cabecero pertenecía a éste. ¿Cómo se representa este título? Con las etiquetas de título, que van
desde el hasta el .
Habiendo 6etiquetas de título, su importancia se reduce a medida que aumenta su número. Es
decir, es mucho más importante que . Por ello en la página debe haber un único . No es una
norma de oro y puedes incumplirla (HTML no nos fuerza a nada en este sentido), pero es óptimo si sólo
hay uno.
En el puede ir el título de la página si se trata de la página principal del sitio web, o el título deun
artículo si estás en la página de ese artículo. En la portada los podrían ser los títulos de todos los
artículos, mientras que los podrían ser las secciones de cada uno de los artículos, y los cada
una de las partes de dichas secciones… Así hasta llegar al .
Como ves, el significado de la información que contienen determina si necesitamos un h1 o un h2. Esto es
parte de lasemántica que tanto mencionamos cuando hablamos de HTML 5. Lo que siempre va a
cumplirse es que en un incluiremos el título más importante -o relevante- de esa página, y en
siguientes etiquetas (, …) los títulos que son menos importantes.
Ampliando el ejemplo anterior, veamos un ejemplo con títulos:
Mi nueva página en HTML 5
Mi curso de HTML
HTML 5 me gusta
6. Navegación: la etiqueta
Comentábamos que el cabecero albergaba el título, de la página si el cabecero era general, y del artículo
si el cabecero pertenecía a éste. ¿Cómo se representa este título? Con las etiquetas de título, que van
desde el
hasta el .
Habiendo 6etiquetas de título, su importancia se reduce a medida que aumenta su número. Es
decir, es mucho más importante que . Por ello en la página debe haber un único . No es una
norma de oro y puedes incumplirla (HTML no nos fuerza a nada en este sentido), pero es óptimo si sólo
hay uno.
En el puede ir el título de la página si se trata de la página principal del sitio web, o el título deun
artículo si estás en la página de ese artículo. En la portada los podrían ser los títulos de todos los
artículos, mientras que los podrían ser las secciones de cada uno de los artículos, y los cada
una de las partes de dichas secciones… Así hasta llegar al .
Como ves, el significado de la información que contienen determina si necesitamos un h1 o un h2. Esto es
parte de lasemántica que tanto mencionamos cuando hablamos de HTML 5. Lo que siempre va a
cumplirse es que en un incluiremos el título más importante -o relevante- de esa página, y en
siguientes etiquetas (, …) los títulos que son menos importantes.
Ampliando el ejemplo anterior, veamos un ejemplo con títulos:
Mi nueva página en HTML 5
Mi curso de HTML
HTML 5 me gusta
6. Navegación: la etiqueta
Habiendo 6etiquetas de título, su importancia se reduce a medida que aumenta su número. Es
decir,
es mucho más importante que . Por ello en la página debe haber un único . No es una
norma de oro y puedes incumplirla (HTML no nos fuerza a nada en este sentido), pero es óptimo si sólo
hay uno.
En el puede ir el título de la página si se trata de la página principal del sitio web, o el título deun
artículo si estás en la página de ese artículo. En la portada los podrían ser los títulos de todos los
artículos, mientras que los podrían ser las secciones de cada uno de los artículos, y los cada
una de las partes de dichas secciones… Así hasta llegar al .
Como ves, el significado de la información que contienen determina si necesitamos un h1 o un h2. Esto es
parte de lasemántica que tanto mencionamos cuando hablamos de HTML 5. Lo que siempre va a
cumplirse es que en un incluiremos el título más importante -o relevante- de esa página, y en
siguientes etiquetas (, …) los títulos que son menos importantes.
Ampliando el ejemplo anterior, veamos un ejemplo con títulos:
Mi nueva página en HTML 5
Mi curso de HTML
HTML 5 me gusta
6. Navegación: la etiqueta
. No es una
norma de oro y puedes incumplirla (HTML no nos fuerza a nada en este sentido), pero es óptimo si sólo
hay uno.
En el puede ir el título de la página si se trata de la página principal del sitio web, o el título deun
artículo si estás en la página de ese artículo. En la portada los podrían ser los títulos de todos los
artículos, mientras que los podrían ser las secciones de cada uno de los artículos, y los cada
una de las partes de dichas secciones… Así hasta llegar al .
Como ves, el significado de la información que contienen determina si necesitamos un h1 o un h2. Esto es
parte de lasemántica que tanto mencionamos cuando hablamos de HTML 5. Lo que siempre va a
cumplirse es que en un incluiremos el título más importante -o relevante- de esa página, y en
siguientes etiquetas (, …) los títulos que son menos importantes.
Ampliando el ejemplo anterior, veamos un ejemplo con títulos:
Mi nueva página en HTML 5
Mi curso de HTML
HTML 5 me gusta
6. Navegación: la etiqueta
artículo si estás en la página de ese artículo. En la portada los
podrían ser los títulos de todos los
artículos, mientras que los podrían ser las secciones de cada uno de los artículos, y los cada
una de las partes de dichas secciones… Así hasta llegar al .
Como ves, el significado de la información que contienen determina si necesitamos un h1 o un h2. Esto es
parte de lasemántica que tanto mencionamos cuando hablamos de HTML 5. Lo que siempre va a
cumplirse es que en un incluiremos el título más importante -o relevante- de esa página, y en
siguientes etiquetas (, …) los títulos que son menos importantes.
Ampliando el ejemplo anterior, veamos un ejemplo con títulos:
Mi nueva página en HTML 5
Mi curso de HTML
HTML 5 me gusta
6. Navegación: la etiqueta
cada
una de las partes de dichas secciones… Así hasta llegar al .
Como ves, el significado de la información que contienen determina si necesitamos un h1 o un h2. Esto es
parte de lasemántica que tanto mencionamos cuando hablamos de HTML 5. Lo que siempre va a
cumplirse es que en un incluiremos el título más importante -o relevante- de esa página, y en
siguientes etiquetas (, …) los títulos que son menos importantes.
Ampliando el ejemplo anterior, veamos un ejemplo con títulos:
Mi nueva página en HTML 5
Mi curso de HTML
HTML 5 me gusta
6. Navegación: la etiqueta
Como ves, el significado de la información que contienen determina si necesitamos un h1 o un h2. Esto es
parte de lasemántica que tanto mencionamos cuando hablamos de HTML 5. Lo que siempre va a
cumplirse es que en un