HTML5 refuerza la noción de marcado semántico en la construcción de páginas web, lo que significa que las etiquetas describen el sentido de la sección en el contexto de la página y no cómo la página se ve.

Video: Tutorial 02 Estructura del HTML5, Elementos Semánticos y SEO

Cómo dar formato a los navegadores de texto en estas etiquetas varía desde cursiva estándar para el

etiquetas clave incluyen:

• : Esto se mantiene la información de contacto del autor de una página o sección y está destinado a ser utilizado tanto en el interior de todo el contenido de la página o dentro de una sección o artículo para indicar el autor de esa sección. Otras etiquetas (especialmente anclajes a las direcciones de correo electrónico o enlaces de la página) se pueden incrustar en la dirección. Por ejemplo:

  10475 Crosspoint Blvd 
  Indianápolis, IN 46526

  La mayoría de los navegadores muestran direcciones como cursiva, pero esto no está garantizado. Puede dictar exactamente cómo aparece el contenido de la dirección con CSS.

• : Un artículo es un subconjunto de una página. Utilizar el
  etiqueta para indicar el contenido que proviene de una fuente externa o es de alguna manera independiente de los principales contenidos de la página. Por lo general, los artículos se utilizan para marcar las secciones de la página que son traídos de algún tipo de sistema de agregación. Un ejemplo de la
  etiqueta en uso:

  Dejavascript y AJAX para los maniquíes
  De vez en cuando, una tecnología viene a lo largo de thatthreatens a cambiar todo. AJAX es una suchtechnology. En este libro, se aprende lo que todo el fussis y por qué AJAX es una cosa muy importante.
  Video: Elementos contextuales estructurales y semanticos en HTML5 clase 15
  

  La mayoría de los artículos incluyen un enlace a la página original si el artículo es de un documento en línea. los

  etiqueta no importar datos de una fuente externa, simplemente indica que la relación es externo.

• : Esto indica un fragmento de la página que está relacionado con, pero independiente del contenido principal. Aparte de texto suele ser formateado como una barra lateral, como en este código:

  Video: Curso de Diseño y Programación Web: 7. Estructura Semántica y Maquetación HTML5

   Este es un comentario secundaria

• : Se utiliza para representar el contenido de pie de página de una página, que normalmente contiene información de contacto del autor (comúnmente en una

  etiqueta). Código para un pie de página puede tener este aspecto:

  Video: HTML 5 + CSS 3 - Elementos semánticos de linea

  Esta etiqueta se destina principalmente para reemplazar el “pie de página“gt; expresión utilizada comúnmente en HTML 4 y XHTML.

• : Principalmente se utiliza para especificar un encabezado de la página, esta etiqueta sustituye a la “encabezamiento“gt; modismo utiliza con frecuencia en HTML 4 y XHTML. Muestra
  código:

  Este es mi cabecera

  La cabecera contiene normalmente una h1 y otra información que pertenece a la cabecera visual de la página. No hay que confundir la

  elemento (que es una sección visible de la página) con el elemento (que contiene metadatos el usuario no ve). También tenga en cuenta que la
  elemento no pretende sustituir el medio
  elementos, pero por lo general los contiene.

  los

  elemento también se puede utilizar dentro de una sección o artículo para indicar que una h1 dentro de ese elemento es un encabezado de nivel uno para el elemento, no para la página. Esto es útil porque una página debe tener un solo nivel de un elemento. Muchas páginas están construidos por los agregadores o sistemas de gestión de contenido, por lo que cada artículo y sección puede tener un encabezado de nivel uno sin entrar en conflicto con el título principal de la página.

• : Utilice esta opción para combinar un título y una o varias subpartidas en un grupo. La estructura normal de rumbo está destinado a servir como un esquema para la página. El uso de un encabezado H1 H2 con una inmediata como un subtítulo interfiere con las funciones que describen. Se puede poner varios encabezados en una hgroup, y sólo el título inicial es considerado por herramientas automáticas que describen, como en el siguiente:

  Historia del mundo
  (Sin todas las cosas repulsivo)

• : Con la asociada elemento, esta etiqueta le ayuda a añadir varios tipos de sistemas de menú. Por ejemplo:

  los

  etiqueta soporta una tipo atributo que indica el comportamiento del menú:

• lista: Presentar los comandos al igual que una lista.

• contexto: Se espera que actúe como un menú emergente cuando el usuario correcto; hace clic en un elemento.

• barra de herramientas: Presenta los comandos como una barra de herramientas.

los menú elemento tiene un significado completamente diferente en HTML5 que lo hizo en HTML 4, en el que era un tipo de lista.

Sección 1
Sección del cuerpo ...