Атрибут spellcheck тега <audio>

Описание

Атрибут spellcheck для тега <audio> не имеет практического применения, так как аудио-элементы не содержат редактируемого текстового содержимого. Это глобальный атрибут HTML, предназначенный в первую очередь для текстовых полей ввода.

Важно: Атрибут spellcheck не влияет на стандартные элементы управления аудио или какие-либо другие аспекты работы тега <audio>.

Техническая справка:

Значение Описание Применимость к <audio>
true Включить проверку орфографии ❌ Не применяется
false Отключить проверку орфографии ❌ Не применяется
(отсутствует) Наследование настроек ❌ Не применяется

Правильное использование spellcheck:

<!-- Реальные случаи применения --> <textarea spellcheck="true">Редактируемый текст</textarea> <input type="text" spellcheck="false"> <!-- Некорректное применение для audio --> <audio controls spellcheck="true"> <!-- Не имеет эффекта --> <source src="music.mp3" type="audio/mpeg"> </audio>

Альтернативные атрибуты для <audio>:

  • controls - отображает элементы управления
  • autoplay - автоматическое воспроизведение
  • loop - зацикливание аудио
  • muted - отключение звука по умолчанию

Если нужна проверка текста:

<div contenteditable="true" spellcheck="true"> <audio controls> <source src="lecture.mp3" type="audio/mpeg"> </audio> <p>Транскрипция аудио (проверка орфографии включена)</p> </div>

Совет: Для элементов, связанных с аудио (например, текстовых описаний или транскрипций), используйте spellcheck в редактируемых текстовых элементах, а не в самом теге <audio>.

Определение поддержки spellcheck:

// Проверка поддержки атрибута const audio = document.createElement('audio'); console.log('spellcheck в audio поддерживается:', 'spellcheck' in audio); // Вернет true, но бесполезно // Проверка для текстовых элементов const input = document.createElement('input'); console.log('spellcheck в input поддерживается:', 'spellcheck' in input); // Полезная проверка

Примечание: Хотя технически атрибут spellcheck можно добавить к тегу <audio>, это не соответствует семантике HTML и не дает никакого практического эффекта.