Атрибут draggable тега <acronym>
Описание
Атрибут draggable в теге <acronym> определяет, можно ли перетаскивать элемент с помощью Drag and Drop API. Хотя это нестандартное использование для акронимов, технически возможно.
Синтаксис:
<acronym draggable="true" title="...">Акроним</acronym>
Значения атрибута:
| Значение | Поведение |
|---|---|
true |
Элемент можно перетаскивать |
false |
Элемент нельзя перетаскивать (по умолчанию) |
auto |
Поведение по умолчанию (как false) |
Пример учебного применения:
<div class="learning-game">
<p>Перетащите акронимы к их определениям:</p>
<acronym draggable="true" data-term="cpu">CPU</acronym>
<acronym draggable="true" data-term="gpu">GPU</acronym>
<div data-term="cpu">Central Processing Unit</div>
<div data-term="gpu">Graphics Processing Unit</div>
</div>
Особенности работы:
- Требует JavaScript для обработки событий перетаскивания
- Без обработчиков событий не имеет практического эффекта
- Не влияет на стандартное поведение подсказки title
- Лучше работает с современным тегом <abbr>
Рекомендации:
- Избегайте использования в production-коде
- Применяйте только в специальных учебных интерфейсах
- Всегда добавляйте визуальные подсказки о возможности перетаскивания
- Сочетайте с атрибутами data-* для хранения метаданных
Ограничения:
- Не поддерживает перетаскивание на мобильных устройствах
- Может конфликтовать с системными жестами
- Нарушает семантику акронима
- В HTML5 рекомендуется использовать <abbr>