Hola, somos Arume

Desarrollamos páginas web, aplicaciones para móviles, capas de realidad aumentada y aplicaciones para Facebook. Nos apasiona la informática y somos unos perfeccionistas incurables; por eso en nuestros proyectos utilizamos estándares.

tel. 625 519 694

Mendaña de Neyra, 34, 3º B, 15008, A Coruña

Autenticarse

Registrarse. ¿Has olvidado tu contraseña?

Etiquetas

Saltar las etiquetas

Suscríbete a las RSS

Estás en:

  • Inicio >
  • Blog >
  • HTML5: Nuevas etiquetas semánticas y estructurales

HTML5: Nuevas etiquetas semánticas y estructurales

29 Ago 2012 por Luis

Comentarios: 46

HTML5

Después de nuestro artículo de introducción a HTML5, vamos a hacer un repaso a algunas de las nuevas etiquetas que nos trae esta revisión del lenguaje. En particular, en este artículo, nos centraremos en las que han aparecido para añadir valor semántico y estructural a la web.

Algunas de las más importantes etiquetas introducidas en HTML5 son las que añaden valor semántico y estructural, es decir, indican de forma inequívoca las distintas partes de las que consta un página: cabecera, pie, navegación, ...

<header>

La etiqueta <header> se usa para marcar un grupo de elementos de introducción o de navegación dentro de una sección o documento. Normalmente se usa para incluir los encabezados (<h1><h6> o <hgroup>) pero no es obligatorio. También puede contener otras cosas como el índice de una sección, un formulario de búsqueda, logos relevantes, ...

El uso de la etiqueta <header> no está restringido a una por documento, sino que se puede usar una por cada sección del mismo, de esta forma:

<header>
	<h1>Título del documento</h1>
	<p>Más información</p>
</header>

<article>
	<header>
		<h1>Título del artículo</h1>
		<p>Autor del artículo</p>
	</header>
	<p>Texto del artículo</p>
</article>

Podemos ver además en el ejemplo que en HTML5 el uso de múltiples <h1> es válido.

Una cosa a tener en cuenta es que la etiqueta <header> se usa para marcar un grupo de elementos; es decir, si sólo tenemos un elemento no es necesario usar esta etiqueta. Por ejemplo, en este código no sería necesario:

<article>
	<header>
		<h1>Título del artículo</h1>
	</header>
	<p>Texto del artículo</p>
</article>

Sería más correcto de esta forma:

<article>
	<h1>Título del artículo</h1>
	<p>Texto del artículo</p>
</article>

<hgroup>

La etiqueta <hgroup> se usa para agrupar un conjunto de uno o más elementos de encabezado (<h1><h6>).

El uso más típico de esta etiqueta es para agrupar el título de la página con su eslogan. Antes de HTML5 lo más típico era que este tipo de estructura se marcase así:

<div id="header">
	<h1>Nombre de la empresa</h1>
	<p>Eslogan de la empresa</p>
</div>
<div id="content">
	<h2>Noticia 1</h2>
	<p>Desarrollo de la noticia 1</p>

	<h2>Noticia 2</h2>
	<p>Desarrollo de la noticia 2</p>
</div>

Este tipo de estructura dejaba el eslogan al nivel de cualquier otro texto de la web, cuando es evidente que es un texto más importante. Marcarlo con un <h2> no era correcto ya que crearía una nueva sección que en realidad no existe. Con HTML5 podemos usar <hgroup> para darle la importancia que realmente tiene, asociándolo al título:

<hgroup>
	<h1>Nombre de la empresa</h1>
	<h2>Eslogan de la empresa</h2>
</hgroup>

<nav>

La etiqueta <nav> se usa para marcar una sección del documento cuya función es la navegación por la página web.

Esta etiqueta no debe ser usada para marcar todos los grupos de enlaces, únicamente los bloques principales de navegación por la página. Por ejemplo, los típicos enlaces que hay en el pie de página no se deben marcar con <nav>.

<article>

La etiqueta <article> se usa para marcar contenido independiente que tendría sentido fuera del contexto de la página actual y que podría sindicarse, por ejemplo: una noticia, un artículo en un blog o un comentario.

Normalmente un <article> tendrá, además de su propio contenido, también una cabecera (a menudo con <header>) y posiblemente un pie (<footer>).

<section>

La etiqueta <section> se usa para marcar una sección genérica de un documento o aplicación. Una sección, en este contexto, es una agrupación temática del contenido, típicamente con un encabezado.

Ejemplos de uso de <section> podrían ser: capítulos, las pestañas en un menú tabulado o, en la página principal de un sitio web, la introducción, lista de noticias e información de contacto. Sólo se debería usar <section> para contenido independiente al que se podría poner un encabezado y que no sea susceptible de ir marcado con <article>, <aside> o <nav>.

Existe cierta confusión sobre cuándo usar <article> y cuándo <section> ya que ambos se parecen bastante. En general, se debe usar <article> cuando el contenido sea susceptible de ser sindicado (por ejemplo en unas RSS). Un ejemplo de uso de las dos etiquetas podría ser en la página principal de una web con un listado de noticias, de esta forma:

<h1>Título de la página</h1>
<section id="news-list">
	<h2>Noticias</h2>

	<article>
		<h3>Noticia 1</h3>
		<p>Desarrollo de la noticia 1</p>
	</article>

	<article>
		<h3>Noticia 2</h3>
		<p>Desarrollo de la noticia 2</p>
	</article>
</section>

<aside>

La etiqueta <aside> se usa para marcar un trozo de contenido que está relacionado con el contenido de la página web, pero que no es parte del mismo. Ejemplos de uso serían: glosario de términos, grupos de enlaces a páginas relacionadas, barras laterales, ...

<footer>

La etiqueta <footer> se usa para marcar el pie de una sección o documento y que contiene información sobre el mismo como el autor, licencia, términos de uso, ...

Más información

Comentarios

46 comentarios. Comentar.

1. Maurotikus el 17 Oct 2012 a las 01:30:35

Hombre, que buen artículo. Bastante sencillo, pero muy claro a la vez. Estaré atento al blog por más artículos como este. Gracias.

2. Gaston el 14 Nov 2012 a las 01:43:55

muy bueno, gracias por compartir.

3. Isaac el 07 Ene 2013 a las 22:41:14

Muchas gracias por la información. Me ayudó mucho

4. Emir el 15 Jun 2013 a las 01:37:43

...buenisimo

5. jaijai el 15 Jun 2013 a las 12:20:51

Buen articulo... aunque hay confusión poco a poco despejare dudas

6. Domingo Gil el 31 Dic 2013 a las 20:06:46

Me ha gustado el articulo, muy bueno

7. Sandra Nocua M. el 21 Ene 2014 a las 15:53:30

Muchas gracias Arume, que buen articulo, me fue muy útil y funcional para mis clases de HTML5 y CSS3. :)

10. Anónimo el 05 Mar 2014 a las 23:00:54

Hola tengo confusiones con la etiqueta aside, según entiendo y he ido leyendo muchos artículos en internet sobre aside, no termino de entenderla. Se supone que puedo rodear con aside cualquier contenido tangencial (que no es principal o importante) al contenido principal. En tu artículo pones que la etiqueta <aside> se usa para marcar un trozo de contenido que está relacionado con el contenido de la página web, pero que no es parte del mismo. ¿Tiene que tener relación con el resto de la pagina o no? Si tengo una web por ejemplo de repuestos de coches por ejemplo, y pongo una publicidad, con su imagen, texto…...de la empresa de un compañero que no tiene nada que ver con mi web, por ejemplo de comida. ¿Podría ponerlo en un acide? Lo que intento transmitir es que aside se usaría para contenido secundario, pero la gran duda es si tiene que tener relación o no.

Según he leído más o menos pone esto sobre el aside:

Con las etiquetas <aside> y </aside>, se nos invita a rodear todo aquel contenido que no es directamente contenido principal del que estamos hablando o del que estamos tratando en esa página en concreto. La norma dice que se use para todo aquel contenido tangencial (que no es principal o importante) al contenido principal de la página...

Lo usaremos por tanto para todos aquellos elementos secundarios, como podrían ser los bloques publicitarios, enlaces externos, citas, un calendario de eventos, etc., siempre claro que no encontremos otra etiqueta más acorde de entre las ya comentadas.

11. isaac el 05 Mar 2014 a las 23:04:49

hola de nuevo aqui pongo otro articulo sacado de intertet, la verdad que en ella se encuetra informacion muy variada y diferente que lo que hacen es confundir al lector y no saber al final cuan es su uso correcto de cada etiqueta html5

Así pues, un <aside/> como hijo de la etiqueta <body/> nos dice que se trata de un contenido añadido por temas que no tienen nada que ver con el contenido de página (normalmetne esas columnas laterales llenas de tags y banners). Cuando lo incluimos dentro de un <article/> nos indica que esa información complementa el artículo pero no forma parte de él (listas de datos, testimoniales, banners relacionados, etc...).

12. Luis el 05 Mar 2014 a las 23:42:03

Hola isaac.

Gracias por tus aportes al artículo.

La etiqueta <aside> ha sido desde su inicio una fuente de controversias porque su utilidad no está muy clara.

Para empezar, yo pongo que el contenido de esta etiqueta tiene que estar relacionado con el contenido principal, mientras que lo que has leído es que tiene que ser contenido tangencial al contenido principal. La definición de tangencial es "que solo parcial y no significativamente se refiere a algo", es decir, está relacionado pero poco. Es lo mismo que yo he dicho.

De todas formas, si te lees la definición oficial de la etiqueta, verás que pone que puede ser usada para publicidad, sin especificar que tiene que estar relacionada. Sin embargo, cuando llegas a los ejemplos de la página ves que cuando habla del "blogroll" dice que no se debe poner en un aside dentro de la etiqueta <article> porque no está relacionado con el mismo. Así que yo diría que no está muy claro cómo debe usarse; de hecho he visitado varias web y las discusiones sobre si se podía usar o no con publicidad no relacionada no tienen una respuesta igual: en unas dicen que sí, en otras que uses <div>, en otras que no...

Siento no poder aclarartelo más.

13. isaac el 07 Mar 2014 a las 19:23:05

Hola Luis gracias por tu respuesta:

En verdad que no me había dado cuenta, que cuando yo decía lo de tangencial tú en tu definición decías lo mismo, lo que me confundió fue tu forma de expresarlo:

“La etiqueta <aside> se usa para marcar un trozo de contenido que está relacionado con el contenido de la página web, pero que no es parte del mismo.”

Tampoco sabía que era eso de tangencial y según el diccionario encontré esto, que me imagino que será lo mismo que describes tú:

Tangencial (que no es principal o importante, secundario)

Sobre tu punto de vista entonces que crees que es lo más lógico para utilizar con aside, si son para cosas secundarias, ¿que debo hacer? ¿ encerrar cualquier contenido secundario tenga o no tenga relación con mi pagina?, por ejemplo como se comenta con lo del tema de la publicidad, que no está muy claro todavía si tiene que tener relación o no. Que debo hacer entonces,¿ encerrar cualquier contenido no solo publicidad que sea secundario? y esté o no relacionado con la pagina?

Otra cosa luis que no veo por ningún sitio es, cuantos aside puedo poner en mi web, ¿solo uno?

14. Luis el 07 Mar 2014 a las 22:39:50

Hola isaac.

Puedes tener múltiples <aside>. Si la etiqueta está dentro de un <article> debería ser relativo a ese artículo. Si está fuera debería ser relativo a la página.

Si la publicidad debería ir o no en <aside> es algo que dependerá del contexto y es más bien una elección tuya. Si decides que no, puedes meterlo en un <section> o en un <div>.

15. isaac el 08 Mar 2014 a las 01:23:34

Relativo al articulo o relativo a la pagina te refieres, a que tenga algo de relacion segun donde este dentro?

16. isaac el 08 Mar 2014 a las 01:33:38

Entonces lo correcto de esta etiqueta es que todo el contenido que se encierre debe tener algo (poco) de relacion con la pagina que es igual a decir tangencialmente? Si no tiene nada de relacion no la pongo en un aside luis?

17. Luis el 08 Mar 2014 a las 12:14:58

Hola Isaac.

Las normas son directrices generales que uno debe interpretar. Estás esperando a que yo te diga "pon esta etiqueta", cuando yo ya te he dicho que no está claro y que es una decisión que debes tomar tú mismo (una decisión razonada, que si alguien te pregunta ¿por qué ahí has puesto esa etiqueta y no otra? puedas explicar tus razones). Como entenderás, las normas no pueden cubrir todos los casos posibles.

Mi opinión: si la publicidad está relacionada con la página, pon un <aside>; si no, pon un <section>. ¿Por qué? Porque para mi es un trozo de contenido con entidad propia pero no encaja en ninguna de las etiquetas estructurales más específicas.

Pero tu opinión puede ser otra y tan buena (o mejor) que la mía.

Un saludo.

18. isaac el 08 Mar 2014 a las 19:32:31

Hola Luis primero de todo gracias por tu tiempo:

Mas o menos voy a intentar enfocar cada etiqueta a cada caso particular e intentar que sea la más coherente posible. A pasar de eso me surgen algunas dudas que me gustaría preguntar y así poder tener una idea todavía más clara.

Ya me comentaste anteriormente que puedo tener varios asides, vale.

1. En que etiquetas html5 se permite contener un aside, se que dentro de article si, y me imagino que también section, ¿cuales mas?

2. ¿Puedo encerrar con aside cualquier contenido , por ejemplo fotos,pdf.., tengo limitación?

3. He leído el artículo de aside y figure y las diferencias que tienen entre ellos, ¿podrías explicarme mejor sus diferencias para llegar a intentar comprenderlos?

Estas es la definición de figure que he leído en muchos sitios y la entiendo:

Representa contenido independiente, a menudo con un título. Si bien se relaciona con el flujo principal, su posición es independiente de éste. Por lo general, se trata de una imagen, una ilustración, un diagrama, un fragmento de código, o un esquema al que se hace referencia en el texto principal, pero que se puede mover a otra página o a un apéndice sin que afecte al significado del documento.

Básicamente la etiqueta <Figure> se usa para "aclarar" o "dar a entender" con alguna imagen, cita, frase etc. el contenido principal que se viene leyendo.

19. Luis el 10 Mar 2014 a las 14:14:35

Hola isaac.

1.- La etiqueta <aside> puede ir en cualquier sitio donde se pueda poner un elemento de bloque. No tiene más restricciones que un <section>, por ejemplo. La definición oficial es que se puede poner donde se pueda poner una etiqueta de flujo de contenido: http://www.w3.org/TR/html-markup/aside.html

2.- La única limitación es la que marca la descripción de la etiqueta (que no tiene que ver con el formato, sólo con la relación con el contenido).

3.- <figure> es para contenido que sí está relacionado con la página, mientras que <aside> es para contenido que tiene alguna relación pero poca. En la descripción que pones, independiente se refiere a que tiene sentido por sí sola, no a que no tenga relación con el contenido. El ejemplo más claro es cuando estás hablando alguna cosa (por ejemplo de la producción de arroz interanual) y pones un gráfico de barras sobre el tema: el gráfico de por si es contenido independiente (podrías utilizarlo en otro artículo sin que perdiese significado), pero quitarlo tampoco afecta al significado de tu artículo (es sólo una ayuda visual).

20. isaac el 10 Mar 2014 a las 19:00:50

hola luis:

cuando comentas:

No tiene más restricciones que un <section>, ¿quieres decir que no debe ir dentro de un elemento section? lo digo, porque en la definicon oficial no veo nada. solo pone que no debe ponerse en este elemento:

The sectioning element aside must not appear as a descendant of the element.

El elemento de seccionamiento de lado no debe aparecer como un descendiente de la dirección de elemento, vamos dentro de un elemento address.

el punto 2 me quedo claro luis y el punto 3 tambien me quedo muy claro y ahora lo entiendo mucho mejor.

21. Luis el 10 Mar 2014 a las 20:12:58

Hola isaac.

Me refiero a que tiene las mismas restricciones que un elemento <section>.

22. isaac el 10 Mar 2014 a las 20:44:21

Hola Luis, perdona por ser tan insistente, pero eres de los pocos en la web que contestas las preguntas de las personas que menos sabemos y nos ayuda a aprender más, gracias.

Se me olvidaron unas preguntas en el último mensaje ya que tus respuestas me llevan a llenarme de algunas preguntas y quiero exponértelas aquí , ya que no encuentro información sobre el tema. Cuando me pusiste en el último mensaje esto:

La definición oficial es que se puede poner donde se pueda poner una etiqueta de flujo de contenido: http://www.w3.org/TR/html-markup/aside.html

1. ¿Que es esto de etiquetas de flujo de contenido? Entiendo el flujo de html, ese si. Entro en la página en ingles que me enviaste y veo que habla de contenido de flujo y veo etiquetas de bloque y en línea, que es todo esto no lo comprendo:

Elementos de flujo

Flow elements

phrasing elements or a or p or hr or pre or ul or ol or dl or div or h1 or h2 or h3 or h4 or h5 or h6 or hgroup or address or blockquote or ins or del or object or map or noscript or section or nav or article or aside or header or footer or video or audio or figure or table or form or fieldset or menu or canvas or details

2. Tambien en la especificación de aside, figure….. sale un apartado que pone “elementos primarios permitidos”, esto se refiere a los elementos padre de un elementos, es decir, dentro de un div tengo un span, ¿el elementos primario es el div? al estar esto en ingles también me confunde un poco.

3. Despues también sale otro apartado:

Contenidos permitidos:

Por ejemplo en algunos sale; cero o más estilo de los elementos , seguidos de contenido dinámico

¿Que es esto de contenido dinamico? Según la traducción pone esto que no entiendo:

El contenido dinámico se compone de elementos de flujo entremezclados con datos de caracteres normales

mil gracias de nuevo

23. Luis el 11 Mar 2014 a las 10:50:24

Hola isaac.

1.- http://www.w3.org/TR/2011/WD-html5-20110525/content-model...

2.- Necesitas aprender más inglés; para este trabajo es necesario. Traducir las cosas con Google Translator hace que no se entienda nada. Lo que significa es que esta etiqueta (<aside> o <figure>) puede ir dentro de (o ser hija de) ... Sí, en tu ejemplo el elemento padre es el <div> (es su primer ancestro) y la etiqueta <span> es el hijo (primer descendiente). Te comento lo de los ancestros y descendientes porque puedes verlo así en otros sitios y se refiere a todo el árbol, no sólo a padres/hijos.

3.- La traducción de "flow content" por "contenido dinámico" es confusa. Yo lo traduciría más bien como "contenido de flujo". Lo que se conoce como "contenido dinámico" es contenido que de alguna forma se modifica (normalmente con javascript). A lo que se refiere en este caso es a los elementos de la respuesta 1 (etiqueta de flujo de contenido) entremezclados con texto normal (esto que estoy escribiendo, por ejemplo).

De todas formas, creo que te estás metiendo en unos lios tremendos. Me da la impresión de que estás procastinando. Para hacer empezar a hacer páginas web no hay necesidad de meterse tan a fondo con la teoría pura. Lo que estás haciendo es como si para hacer una casa estuvieses estudiando de qué están hechos los ladrillos.

24. isaac el 11 Mar 2014 a las 21:34:55

Hola Luis, lo de ingles si es verdad que tengo que darle un poquito de caña, pero aun así llevo 8 años diseñando webs con lo básico de ingles, porque todo lo que he aprendido ha sido de artículos en español, pero hay cosas que a veces es difícil encontrarlas en español. Pero bueno...

Todo esto de html5 la verdad que es un poco lio, las explicaciones de aquí y allá, que al final es normal que uno se líe. Voy a intentar estudiar lo del tema del flujo de contenido a ver si lo comprendo un poco mejor y buscar algunos artículos en español, gracias de nuevo.

25. isaac el 13 Mar 2014 a las 21:54:55

hola de nuevo luis te escribo porque llevo dias estudiando lo ultimo que te comente sobre el flujo de contenido el cual me mandastes un link. llevo dias estudiandolo ya que para mi es importante y la verdad que me cuesta comprender todo este tema, para asi poder saber que etiqueta puede contener a un aside por ejemplo, h1...he puesto en la web un mensaje sobre esto y parece que nadien sabe del tema, te lo voy a exponer aqui las conclusiones que he sacado del link que me enviastes, ya que la verdad hay muy poca informacion googleando sobre esto:

lo pego en otro mensaje ya que no cabe todo..

26. isaac el 13 Mar 2014 a las 21:55:21

Voy a intentar contestarme un poco yo, ya que nadie parece saber del tema, me gustaría que alguien me dijera si estoy en lo cierto y aportara algo de información al respecto por favor:

Antiguamente html4 definía así los elementos de bloque y en line:

La mayoría de elementos de bloque pueden contener en su interior elementos en línea y otros elementos de bloque. Los elementos en línea sólo pueden contener texto u otros elementos en línea. En otras palabras, un elemento de bloque no puede aparecer dentro de un elemento en línea. En cambio, un elemento en línea puede aparecer dentro de un elemento de bloque y dentro de otro elemento en línea.

Los elementos en línea definidos por HTML son: a, abbr, acronym, b, basefont, bdo, big, br, cite, code, dfn, em, font, i, img, input, kbd, label, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var.

Los elementos de bloque definidos por HTML son: address, blockquote, center, dir, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, isindex, menu, noframes, nos-cript, ol, p, pre, table, ul.

Ahora html5 los define como he puesto en el enlace y los divide en categorias:

Categorías

• Metadata content

• Flow content

• Sectioning content

• Heading content

• Phrasing content

• Embedded content

• Interactive content

Por ejemplo cuando nos vamos a la especificación por ejemplo del elemento h1, http://www.w3.org/TR/html-markup/h1.html, podemos ver que sale esto;

Elementos primarios permitidos

Cualquier elemento que puede contener elementos de flujo , hgroup

Según entiendo un h1 puede ser contenido por un hgrop y por cualquier elemento que pueda contener elementos de flujo, vale. Si nos vamos al listado de elementos de flujo vemos que la etiqueta <a> se considera en esta categoría. Hice una prueba y metí h1 dentro de una etiqueta <a>, le paso el validador w3c y no me da ningún fallo al validarlo en htm5, si lo pasamos a validar en htm4 si da un error, “un elemento en línea no puede contener un elemento de bloque”

1. ¿Significa esto que html5 permite que elementos en línea contenga elementos de bloque?

2. Si esta respuesta es cierta comprendería mejor ahora ahora todo el tema de las categorías, Modelos de contenido..

27. isaac el 13 Mar 2014 a las 21:56:13

Hola compañeros por mas que leo no llego a conprender el tema de HTML5: Modelos de contenido, categorias, Metadata content y Flow content.

Quien sepa de tema podria dar una buena explicación o algun post donde de explique bien.

http://articulosbase.com/internet/diseno-web/html5-modelo...

28. abr4xas el 29 Jun 2014 a las 02:05:58

Saludos,

Tengo una duda y quizas puedas ayudarme... Estoy haciendo una plantilla para mi blog y tengo mis etiquetas de la siguiente forma:

<div class="post">

...

</div>

Seria correcto hacer:

<article class="post">

...

</article >

O simplemente hacer

<article>

<div class="post">

...

</div>

</article>

Gracias :)

29. Luis el 30 Jun 2014 a las 10:27:26

Hola abr4xas.

<article class="post">

...

</article >

es correcto. El <div> puedes añadirlo si lo necesitas para algún retoque en la presentación, pero no es necesario.

Un saludo.

30. mi.pc el 14 Nov 2014 a las 05:48:45

Me encanta toda la información.

31. Mayron Vasquezmo el 05 Feb 2015 a las 14:22:21

HTML5 es el lenguaje que se emplea para el desarrollo de páginas de Internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML5 dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc

32. Anónimo el 05 Feb 2015 a las 14:22:42

Esta muy bien todo el contenido , me parece muy útil para saber que es HTML y muchas gracias por la información se le agradece.

33. Angel Ajanel el 05 Feb 2015 a las 14:25:57

La información está muy bien, pero está algo incompleta. Tiene las etiquetas más utilizadas pero hace falta una que también es importante, como <!DOCTYPE html>, necesita especificar un poquito más la información que ya tiene.

34. Milton-Girón el 05 Feb 2015 a las 14:27:18

La información sobre las nuevas etiquetas semánticas y estructurales esta muy bien explicado, su importancia, su finalidad y las relaciones que existen. También , ofrece versatilidad en el manejo y animación de objetos simples, imágenes etc.

35. Adolfo-Lopez el 05 Feb 2015 a las 14:27:46

La Información que redacta sobre la nuevas etiquetas, semánticas y estructurales tiene una buena explicación y contiene buen contenido de información que tiene como fin el aprendizaje del tema nos permite una mayor interacción entre nuestras páginas web y contenido media (vídeo, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.

36. Nacho el 05 Feb 2015 a las 14:28:49

Me ha gustado el articulo, muy bueno.

e aprendido mas de lo que es html5 espero tener mas información

acerca de ello

37. Roberto Escobar el 05 Feb 2015 a las 14:30:04

esta buena la informacion solo faltaria agregar la etiqueta <title> ya que tambien es de suma importancia.

38. AnónimoEscobar Marvin el 05 Feb 2015 a las 14:33:45

HTML5 es un lenguaje en el que se escriben las páginas Web, que permite hacer enlaces (hipertexto) y que es leído por los navegadores para poder mostrar la información en la pantalla del ordenador de una forma correcta.

La información que dice de las nuevas etiquetas, semánticas y estructurales , tiene una buena redacción ,

es una manera mas fácil de explicar las etiquetas.

39. Yónatan Sales el 05 Feb 2015 a las 14:38:21

HTML5 es la versión mas reciente que define la norma HTML, que viene ayudar en la tecnología de la informática ya que nos permite utilizar nuevos elementos para los desarolladores de paginas Web. Esta ya permite hacer el nuevo elemento <canvas> que se utiliza para dibujar con secuencias de comando a través de JavaScrip.

40. Anónimo el 05 Feb 2015 a las 14:41:15

Eso es bueno para los diseñadores y también para las arañas que tienen que rastrear las páginas y entenderlas. ¿Para qué sirve? El HTML 5 disminuye el tiempo de carga de tus páginas

41. Anónimosd el 24 Feb 2015 a las 19:18:14

Hola, necesito saber como relacionar clases en una hoja de estilos, condicionando a como debe actuar una clase segun la clase que tenga su clase hermana.

42. Anónimo el 06 May 2015 a las 22:08:04

hola buenas,tengo un problema con una duda respecto a un test que no encuentro su respuesta,no se si esta bien o mal,le comento:

Me preguntaron esto:

El elemento aside se utiliza para:

-Caracterizar un contenido independiente respecto al resto de la página web

-contener un banner en un lateral de la página web

-caracterizar un contenido relacionado directamente con el resto de la página web

-Contener un banner en un lateral de la página web

-Caracterizar un contenido que guarda relacion con el de la seccion que le contiene

yo puse esta:

Caracterizar un contenido independiente respecto al resto de la página web (es correcta¿? o seria otra)

espero su respuesta,gracias

43. Roxana Baldeti el 12 May 2015 a las 00:15:51

Oye tio

muy buenisimo

excelente yo me caso contigo XD

44. Anónimo el 28 Jul 2015 a las 17:18:13

casi no le entendi lo mere complicado un poco pero leendo y leendo le boy a entender

45. cindy nuñez amador el 28 Jul 2015 a las 17:18:51

no me gusto esa chanchada

50. Anónimo el 25 Ago 2015 a las 22:49:27

Las etiquetas estructurales pueden tener un identificador?

51. Anónimo el 06 Nov 2015 a las 19:03:13

esta interesante y kiero hacer una pagina casi igual a esta me podrian ayudar es para un proyecto de la universidad

52. seraven el 15 Sep 2017 a las 00:50:22

Gracias por la aclaracion de la esctructura semanticas

Comentar

Comentar de forma anónima

Puedes comentar poniendo cualquier nombre o apodo, exceptuando los nombres de usuarios registrados. Máximo de 50 caracteres.

Comentar como usuario registrado

Registrarse. ¿Has olvidado tu contraseña?