entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

¿Cuales son todos los atributos data-* y aria-* que usa Bootstrap y sus funciones?

Hola a todos!
He encontrado en Internet que con Bootstrap se puede hacer lo que se muestra en este ejemplo: http://codepen.io/ibanez182/pen/WxKABq/
En el ejemplo no se escribió ninguna linea de código Javascript, solo se utilizarón los atributos HTML: data-toggle, data-target, aria-expanded y aria-controls. No entiendo bien como funcionan pero me ha interesado mucho que se pueda "programar" de esta manera. Mis preguntas son: ¿Cuales son todos esos atributos? ¿Cuales son las funciones de cada uno de esos?. En Internet no encontré información sobre esos atributos, pero se que son "HTML5 custom attributes" y se les puede dar la funcionalidad que uno quiera. Bootstrap usa unos cuantos. En definitiva. ¿Donde podría conseguir más información al respecto? Saludos!

1 Respuesta

1voto

Leonardo-Tadei Puntos227320

Hola @pedrourday,

Los atributos aria- y data- son atributos personalizados de HTML, así que no hay una lista exhaustiva de ellos: tienen el nombre que más le guste al que los use.

Luego, hay una afirmación equivocada en tu pregunta: para que este código funcione SI hace falta JavaScript: la cuestión acá es que ese JavaScript es parte de Bootstrap y está relacionado con los elementos vía event-listeners y por eso no se ve el código. Si vas con el inspector del navegador a los checkbox vas a ver qué función de Bootstrap están indicando.

Para este caso particular, la forma de uso y funcionamiento está acá.

Tenés ejemplos de uso de todas las funcionas programadas de Bootstrap en este enlace.

HTML es un lenguaje de presentación: el código que lo hace funcionar, aunque medianamente oculto en este caso, tiene que seguir existiendo.

Saludos cordiales!

1voto

pedrourday comentado

Genial! Es justo lo que buscaba!
A parte de eso, cuando dije que no se escribió ninguna linea de javascript no quise decir que no se utilizaba javascript, sino seria imposible hacer lo del ejemplo. Quise decir que para ese ejemplo el que lo programó no escribió código javascript sinó que toda esa funcionalidad la hace "bootstrap.js" que en definitiva es también javascript. No me explique bien.
De todos modos, muchas gracias!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta