Definir artículos, secciones, y apartes en páginas html5

Tal vez el elemento estructurante contenido más significativo en HTML5 es la artículo etiqueta. Los devotos de encabezados, pies de página, e incluso la relativamente oscura hora etiqueta se pondrá furioso ante la sugerencia de que la artículo etiqueta es la gran atracción en HTML5, pero se puede emplear el artículo etiqueta para organizar el contenido en la página básicas “trozos”, por falta de una palabra mejor.

El contenido de la página necesidad de estructura en forma de artículos es un factor positivo en forzar a los desarrolladores de contenido para organizar las ideas de una manera coherente. Y el artículo etiqueta proporciona el marco para las secciones (dentro del artículo) y apartes (barras laterales al artículo).

Divida a los artículos múltiples secciones

El siguiente código define una artículo y dos sección elementos. También incluye un texto de marcador de posición y de las partidas insertada después de la etiqueta de cierre.

Nota: A pesar de que técnicamente puede incrustar una sola sección dentro de un artículo, el concepto de artículos divididos en secciones es más eficaz si eso es evitado.

Una regla básica de la edición (y se puede pedir a cualquier persona que edita el texto para una vida, y que van a seguir y seguir sobre esto) es que si usted va a dividir un artículo para que sea más fácil de digerir, que doesn `t ayudan al lector a organizar su pensamiento a tener sólo una subsección dentro de una sección de contenido. Por lo tanto - cuando se utilizan secciones - es mejor tener al menos dos secciones colocadas dentro de

Encabezado del articulo va aquí
contenido de primer artículo va aquí
más el contenido del artículo va aquí
Primera cabecera de sección va aquí
contenido primera sección va aquí
Más contenido primera sección va aquí
Segundo encabezado de la sección va aquí
Segundo contenido de la sección va aquí
Más contenido segunda sección va aquí

Este código crea una página como la que se muestra aquí.

Añadir un elemento a un lado

Al igual que con todos los elementos de la estructura página HTML 5, la aparte elemento está destinado a ser asociado a un cierto tipo de contenido. Contenido, como imágenes, texto o vídeos en una aparte elemento debe depender - es decir, relacionado con el contenido y contribuyendo a - un artículo o sección de un artículo.

En caso de utilizar un elemento de lado para encerrar una barra de navegación? En general, no. En su lugar, el contenido de navegación debe ser codificado con el elemento de navegación, que se discute un poco antes en este capítulo.

Algunos atributos de estilo CSS que se aplican normalmente a HTML5 aparte elementos. Como es probable que pueda intuir, aparte elementos están generalmente dispuestas como barras laterales. Por lo tanto, cuando se define un estilo CSS para la NAV elemento, se utiliza el CSS flotador propiedad para permitir que el elemento a un lado para que aparezca como un derecho; o hacia la izquierda; caja alineados alrededor de la cual el contenido del artículo puede fluir.

El código siguiente proporciona un ejemplo de un elemento a un lado dentro de un artículo:

Artículo encabezado va aquí
El contenido del artículo va aquí
contenido de la barra lateral, en relación con el artículo, va aquí 
Más contenido del artículo va aquí

Usted querrá combinar elementos de estructura HTML5 con estilos para formatear la ubicación, tipo de letra, color y otros atributos de estilo aplicadas a estos elementos. En la siguiente figura, por ejemplo, muestra cómo un aparte (felicidades) podría ser al lado del artículo con el que está asociado (Experiencia).