Categorías de contenidos HTML5

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 cuál 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:  Declaración de documento 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
5 1 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

Es posible que te falte desarrollar las lecciones de HTML.

Curso HTML

1.- Introducción a HTML
2.- Qué es HTML
3.- Estructura básica de un documento HTML
4.- Etiquetas HTML tipos y ejemplos
5.- Atributos en HTML
6.- Etiquetas para texto HTML y formatos HTML
7.- Cómo poner hipervínculos o enlaces en HTML
8.- Cómo insertar una imagen en HTML
9.- Listas en HTML – Cómo crear y poner viñetas
10.- Cómo hacer tablas en HTML
11.- Formularios en HTML – Cómo crear y personalizar
12.- Etiqueta div y span en HTML
13.- Atributo id y class en HTML
14.- Elementos Inline y Block en HTML
15.- Maquetación web en HTML

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

Es posible que te falte desarrollar las lecciones de HTML.

Curso HTML

1.- Introducción a HTML
2.- Qué es HTML
3.- Estructura básica de un documento HTML
4.- Etiquetas HTML tipos y ejemplos
5.- Atributos en HTML
6.- Etiquetas para texto HTML y formatos HTML
7.- Cómo poner hipervínculos o enlaces en HTML
8.- Cómo insertar una imagen en HTML
9.- Listas en HTML – Cómo crear y poner viñetas
10.- Cómo hacer tablas en HTML
11.- Formularios en HTML – Cómo crear y personalizar
12.- Etiqueta div y span en HTML
13.- Atributo id y class en HTML
14.- Elementos Inline y Block en HTML
15.- Maquetación web en HTML