Cargando

Implementar en HTML5 y ordenar una lista de terminos de semantica y funcionalidad




Pulsa corazón para recibir avisos de nuevas Respuestas

  AUTOR PREGUNTA

Publicado 04 diciembre 2013 - 08:27
Me he quedado pilladisimo. AYUDA!!! ¿En HTML5 cuál es la mejor manera de implementar y ordenar una lista de definición en términos de semánticas y funcionalidad?

Gracias!
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba

 

Publicado 04 diciembre 2013 - 12:24
Ernesto, lo mejor que puedes hacer es usar etiquetas de tipo <dt> te permiten implementar lo que deseas de la mejor manera.

<!doctype html>
<html lang="en">
    <head>
	    <title>Listas</title>
    	<script src="[url="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"]http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js[/url]"></script>
	    <script>
		    $(document).ready(function() {
			    $('#dl dt').each(function(i, dt) {
				    dt = $(dt);
				    dds = dt.nextAll().map(function() { return $(this).is('dd') ? this : false; });
				    alert(dt.text() + " = " + dds.text());
			    });
		    });
	    </script>
    </head>
    <body>
	    <dl id="dl">
		    <dt>Termino1</dt><dd>Desc1</dd><dd>Descb</dd>
		    <dt>Termino2</dt><dd>Desc2</dd>
		    <dt>Termino3</dt><dd>Desc3</dd><dd>Descb</dd>
	    </dl>
    </body>
</html>

Espero puedas continuar.

Un saludo.


X