O HTML5 trouxe novos elementos e atributos e a redefinição de alguns elementos e atributos existentes, dentre outras alterações. O atributo que torna arrastável o elemento em que foi inserido e que admite os valores true, false e auto é:
- A)id
id identifica o elemento na página, mas não tem relação com arrastar e soltar.
- B)hidden
hidden serve para ocultar o elemento, não para torná-lo arrastável.
- C)dropzone
dropzone está ligado à área de soltura em drag and drop, mas não é o atributo que torna o elemento arrastável.
- D)draggable
Correta, porque draggable é o atributo HTML5 que define se o elemento pode ser arrastado, aceitando true, false e auto.
Gabarito: D
No HTML5, alguns elementos ganharam atributos globais e alguns atributos bem específicos para melhorar a usabilidade. Um desses atributos é o que permite que o navegador saiba que um elemento pode ser arrastado com o mouse ou toque, algo muito útil em interfaces interativas, listas reordenáveis e recursos de drag and drop. Esse atributo aceita os valores true, false e auto. Em termos práticos, ele controla se o elemento fica arrastável, não arrastável ou se segue o comportamento padrão definido pelo navegador. É exatamente por isso que ele aparece tanto em questões de HTML5: é um detalhe simples, mas fácil de confundir com outros atributos parecidos no nome. O gabarito é a letra D, porque draggable é o atributo que torna o elemento arrastável. A lógica é direta: draggable="true" habilita o arrastar, draggable="false" desabilita, e auto deixa a decisão para o padrão do navegador. Em provas, vale lembrar que esse atributo pertence ao conjunto de funcionalidades de arrastar e soltar do HTML5. Os outros itens não tratam de arrastar elementos. Então, quando a banca perguntar qual atributo dá essa funcionalidade com esses valores, pense imediatamente em draggable, sem tentar inventar moda.