Ola, somos Arume

Desenvolvemos páxinas web, aplicacións para móbiles, capas de realidade aumentada e aplicacións para Facebook. Apaixónanos a informática e somos uns perfeccionistas incurables; por eso nos nosos proxectos utilizamos estándares.

tel. 625 519 694

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

Autenticarse

Rexistrarse. Esqueceches o teu contrasinal?

Etiquetas

Saltar as etiquetas

Subscríbete ás RSS

Estás en:

  • Inicio >
  • Blog >
  • HTML5: Novas etiquetas semánticas e estruturais

HTML5: Novas etiquetas semánticas e estruturais

29 Ago 2012 por Luis

Comentarios: 46

HTML5

Logo do noso artigo de introdución a HTML5, imos facer un repaso a algunhas das novas etiquetas que nos trae esta revisión da linguaxe. En particular, neste artigo, centrarémonos nas que apareceron para engadir valor semántico e estrutural á web.

Algunhas das máis importantes etiquetas introducidas en HTML5 son as que engaden valor semántico e estrutural, é dicir, indican de forma inequívoca as distintas partes das que consta un páxina: cabeceira, pé, navegación, ...

<header>

A etiqueta <header> úsase para marcar un grupo de elementos de introdución ou de navegación dentro dunha sección ou documento. Normalmente úsase para incluír os encabezados (<h1><h6> ou <hgroup>) pero non é obrigatorio. Tamén pode conter outras cousas como o índice dunha sección, un formulario de procura, logos relevantes, ...

O uso da etiqueta <header> non está restrinxido a unha por documento, senón que se pode usar unha por cada sección do mesmo, desta forma:

<header>
	<h1>Título do documento</h1>
	<p>Máis información</p>
</header>

<article>
	<header>
		<h1>Título do artigo</h1>
		<p>Autor do artigo</p>
	</header>
	<p>Texto do artigo</p>
</article>

Podemos ver ademais no exemplo que en HTML5 o uso de múltiples <h1> é válido.

Unha cousa a ter en conta é que a etiqueta <header> úsase para marcar un grupo de elementos; é dicir, se só temos un elemento non é necesario usar esta etiqueta. Por exemplo, neste código non sería necesario:

<article>
	<header>
		<h1>Título do artigo</h1>
	</header>
	<p>Texto do artigo</p>
</article>

Sería máis correcto desta forma:

<article>
	<h1>Título do artigo</h1>
	<p>Texto do artigo</p>
</article>

<hgroup>

A etiqueta <hgroup> úsase para agrupar un conxunto dun ou máis elementos de encabezado (<h1><h6>).

O uso máis típico desta etiqueta é para agrupar o título da páxina co seu slogan. Antes de HTML5 o máis típico era que este tipo de estrutura se marcase así:

<div id="header">
	<h1>Nome da empresa</h1>
	<p>Slogan da empresa</p>
</div>
<div id="content">
	<h2>Noticia 1</h2>
	<p>Desenvolvemento da noticia 1</p>

	<h2>Noticia 2</h2>
	<p>Desenvolvemento da noticia 2</p>
</div>

Este tipo de estrutura deixaba o slogan ó nivel de calquera outro texto da web, cando é evidente que é un texto máis importante. Marcalo cun <h2> non era correcto xa que crearía unha nova sección que en realidade non existe. Con HTML5 podemos usar <hgroup> para darlle a importancia que realmente ten, asociándoo ó título:

<hgroup>
	<h1>Nome da empresa</h1>
	<h2>Slogan da empresa</h2>
</hgroup>

<nav>

A etiqueta <nav> úsase para marcar unha sección do documento cuxa función é a navegación pola páxina web.

Esta etiqueta non debe ser usada para marcar todos os grupos de enlaces, unicamente os bloques principais de navegación pola páxina. Por exemplo, os típicos enlaces que hai no pé de páxina non se deben marcar con <nav>.

<article>

A etiqueta <article> úsase para marcar contido independente que tería sentido fose do contexto da páxina actual e que podería sindicarse, por exemplo: unha noticia, un artigo nun blog ou un comentario.

Normalmente un <article> terá, ademais do seu propio contido, tamén unha cabeceira (a miúdo con <header>) e posiblemente un pé (<footer>).

<section>

A etiqueta <section> úsase para marcar unha sección xenérica dun documento ou aplicación. Unha sección, neste contexto, é unha agrupación temática do contido, tipicamente cun encabezado.

Exemplos de uso de <section> poderían ser: capítulos, as pestanas nun menú tabulado ou, na páxina principal dun sitio web, a introdución, lista de noticias e información de contacto. Só se debería usar <section> para contido independente ó que se podería pór un encabezado e que non sexa susceptible de ir marcado con <article>, <aside> ou <nav>.

Existe certa confusión sobre cando usar <article> e cando <section> xa que ambos se parecen bastante. En xeral, débese usar <article> cando o contido sexa susceptible de ser sindicado (por exemplo nunhas RSS). Un exemplo de uso das dúas etiquetas podería ser na páxina principal dunha web cunha listaxe de noticias, desta forma:

<h1>Título da páxina</h1>
<section id="news-list">
	<h2>Noticias</h2>

	<article>
		<h3>Noticia 1</h3>
		<p>Desenvolvemento da noticia 1</p>
	</article>

	<article>
		<h3>Noticia 2</h3>
		<p>Desenvolvemento da noticia 2</p>
	</article>
</section>

<aside>

A etiqueta <aside> úsase para marcar un anaco de contido que está relacionado co contido da páxina web, pero que non é parte do mesmo. Exemplos de uso serían: glosario de termos, grupos de enlaces a páxinas relacionadas, barras laterais, ...

<footer>

A etiqueta <footer> úsase para marcar o pé dunha sección ou documento e que contén información sobre o mesmo como o autor, licenza, termos de uso, ...

Máis información

Comentarios

46 comentarios. Comentar.

1. Maurotikus o 17 Out 2012 ás 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 o 14 Nov 2012 ás 01:43:55

muy bueno, gracias por compartir.

3. Isaac o 07 Xan 2013 ás 22:41:14

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

4. Emir o 15 Xuñ 2013 ás 01:37:43

...buenisimo

5. jaijai o 15 Xuñ 2013 ás 12:20:51

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

6. Domingo Gil o 31 Dec 2013 ás 20:06:46

Me ha gustado el articulo, muy bueno

7. Sandra Nocua M. o 21 Xan 2014 ás 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 o 05 Mar 2014 ás 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 o 05 Mar 2014 ás 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 o 05 Mar 2014 ás 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 o 07 Mar 2014 ás 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 o 07 Mar 2014 ás 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 o 08 Mar 2014 ás 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 o 08 Mar 2014 ás 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 o 08 Mar 2014 ás 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 o 08 Mar 2014 ás 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 o 10 Mar 2014 ás 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 o 10 Mar 2014 ás 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 o 10 Mar 2014 ás 20:12:58

Hola isaac.

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

22. isaac o 10 Mar 2014 ás 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 o 11 Mar 2014 ás 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 o 11 Mar 2014 ás 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 o 13 Mar 2014 ás 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 o 13 Mar 2014 ás 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 o 13 Mar 2014 ás 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 o 29 Xuñ 2014 ás 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 o 30 Xuñ 2014 ás 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 o 14 Nov 2014 ás 05:48:45

Me encanta toda la información.

31. Mayron Vasquezmo o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 14:30:04

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

38. AnónimoEscobar Marvin o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 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 o 05 Feb 2015 ás 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 o 24 Feb 2015 ás 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 o 06 Mai 2015 ás 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 o 12 Mai 2015 ás 00:15:51

Oye tio

muy buenisimo

excelente yo me caso contigo XD

44. Anónimo o 28 Xul 2015 ás 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 o 28 Xul 2015 ás 17:18:51

no me gusto esa chanchada

50. Anónimo o 25 Ago 2015 ás 22:49:27

Las etiquetas estructurales pueden tener un identificador?

51. Anónimo o 06 Nov 2015 ás 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 o 15 Set 2017 ás 00:50:22

Gracias por la aclaracion de la esctructura semanticas

Comentar

Comentar de forma anónima

Podes comentar poñendo calquera nome ou alcume, exceptuando os nomes de usuarios rexistrados. Máximo de 50 caracteres.

Comentar como usuario rexistrado

Rexistrarse. Esqueceches o teu contrasinal?