Implementar en HTML5 y ordenar una lista de terminos de semantica y funcionalidad
Iniciado por
Ernesto Viu
, dic 04 2013 07:27
Pulsa corazón para recibir avisos de nuevas Respuestas
Ernesto Viu
AUTOR PREGUNTA
#1
Publicado 04 diciembre 2013 - 07: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!
Esto también te interesa!
Nestor1
#2
Publicado
04 diciembre 2013 - 11: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.
