Categorías de contenidos HTML5

Anterior
Avanzar

En la presente lección aprenderemos qué y cuáles son las categorías de contenido en HTML5, además describiremos sus características y cual es su función dentro de una estructura de contenido HTML.

Categorías de contenido

En html5 existen varias clases, tipos, modelos o categorías de contenido. Dependiendo de las características,  la función que desempeñan y cómo se comporta un determinado elemento, esta pertenecerá a una categoría.

Así podemos clasificar los elementos HTML en varios modelos de contenido.

Los contenidos metadato:

Pertenecen a esta categoría los elementos HTML como son:

  • <style>
  • <script>
  • <meta>
  • <title>
  • <base>
  • <comand>
  • <link>
  • <noscript>

Los contenidos metadato se caracterizan por contener información de tipo metadato, los metadatos determinan la manera en la que se comportan, actúan, aparecen, los elementos del documento HTML.

Además estos contenidos metadatos generalmente están en el encabezado y también son capaces de establecer comunicación con otros documentos relacionados o externos.

Los contenidos interactivos:

En esta categoría podemos encontrar a aquellos creados para la interacción con el usuario, tales como los enlaces, botones, campos de entrada de texto, audios, vídeos, etc.

  • <a>
  • <audio>
  • <video>

Los contenidos incrustados:

Se refiere a los elementos como <audio>, <video>, <canvas>, <img>, <math>, <svg>, <object>, estos elementos importan recursos en nuestro documento.

Los contenidos de título o encabezado:

Elementos como <h1>, <h2>, <h3>, <h4>, <h5>, <h6> y <hgroup>, contienen encabezados  o títulos, además poseen jerarquía.

Te recomendamos leer:  Barras de progreso en HTML5

Los contenidos de expresión o fraseo:

Tales como <span>, <strong>, <br/>, <small>, <sub> prácticamente son elementos en línea.

Los contenidos de seccionamiento:

Se refiere a los elementos que limitan y definen el alcance de elementos como la cabecera, el cuerpo, el pie u otras secciones de la página.

Pertenecen a esta categoría elementos como <article>, <aside>, <nav> y <section>.

Contenido o categoría de flujo:

Pertenecen a esta categoría la mayoría de los elementos HTML

Contenidos relacionados a formularios:

Pertenecen a esta categoría los elementos que están relacionados a los formularios: <form>, <imput>, <textarea>, etc.

Dependiendo de la manera en la que se usa un elemento HTML, un mismo elemento puede ser por ejemplo un contenido de flujo, incrustado o interactivo. Es decir un elemento puede pertenecer a más de un tipo de contenido.

Lecciones de HTML5
Anterior
Avanzar
0 0 votar
Calificación
guest
0 Comentarios
Comentarios en línea
Ver todos los comentarios

HTML5 comprende la continuación de HTML, aquí dispones de las lecciones para aprender HTML5.

Temario HTML5

1.- Introducción a curso HTML5
2.- Declaración de documento HTML5
3.- Categorías de contenidos HTML5

4.- Estructura de una pagina HTML5

5.- Etiqueta de audio HTML5 – Cómo crear un reproductor
6.- Etiqueta de vídeo HTML5 – Atributos y propiedades
7.- Barras de progreso en HTML5
8.- SVG en HTML5
9.- Lineas SVG en HTML5
10.- Polilineas en html5
11.- Rectángulos en svg HTML5
12.- Polígonos SVG en HTML5
13.- Círculos svg en html5
14.- Elipses SVG en HTML5
15.- Texto SVG en HTML5
16.- Animaciones SVG, Trazos y Canvas en html5
17.- Formularios en html5

HTML5 comprende la continuación de HTML, aquí dispones de las lecciones para aprender HTML5.

Temario HTML5

1.- Introducción a curso HTML5
2.- Declaración de documento HTML5
3.- Categorías de contenidos HTML5

4.- Estructura de una pagina HTML5

5.- Etiqueta de audio HTML5 – Cómo crear un reproductor
6.- Etiqueta de vídeo HTML5 – Atributos y propiedades
7.- Barras de progreso en HTML5
8.- SVG en HTML5
9.- Lineas SVG en HTML5
10.- Polilineas en html5
11.- Rectángulos en svg HTML5
12.- Polígonos SVG en HTML5
13.- Círculos svg en html5
14.- Elipses SVG en HTML5
15.- Texto SVG en HTML5
16.- Animaciones SVG, Trazos y Canvas en html5
17.- Formularios en html5