Атрибут spellcheck тега <dd>
Описание
Атрибут spellcheck определяет, должна ли проводиться проверка орфографии для содержимого элемента <dd>. Особенно полезен для редактируемых элементов (в сочетании с contenteditable).
<dl>
<dt>Редактируемое определение</dt>
<dd contenteditable="true" spellcheck="true">
Можно редактировать этот текст с проверкой орфографии
</dd>
<dt>Нередактируемое определение</dt>
<dd spellcheck="false">
Этот текст не будет проверяться, даже если элемент станет редактируемым
</dd>
</dl>
Значения атрибута:
| Значение | Описание | Поведение |
|---|---|---|
true |
Включить проверку орфографии | Браузер будет подчеркивать возможные ошибки |
false |
Выключить проверку орфографии | Орфографические ошибки не будут выделяться |
| (не указан) | Наследуемое состояние | Зависит от настроек родительского элемента или браузера |
Особенности работы:
- Работает только для редактируемых элементов (input, textarea, contenteditable)
- По умолчанию проверка орфографии обычно включена для полей ввода
- Для обычных элементов
<dd>безcontenteditableне имеет эффекта - Язык проверки определяется атрибутом
langили настройками браузера
Пример с динамическим управлением:
<dl>
<dt>Динамическая проверка</dt>
<dd id="spellcheck-demo" contenteditable="true">
Попробуйте ввести текст с ошибками
</dd>
</dl>
<button onclick="toggleSpellcheck()">Переключить проверку орфографии</button>
<script>
function toggleSpellcheck() {
const dd = document.getElementById('spellcheck-demo');
dd.spellcheck = !dd.spellcheck;
alert('Проверка орфографии: ' + (dd.spellcheck ? 'ВКЛ' : 'ВЫКЛ'));
}
</script>
Рекомендации по использованию:
- Используйте
spellcheck="true"для форм и редактируемого контента - Отключайте проверку для полей ввода кодов, специальных терминов
- Сочетайте с атрибутом
langдля правильного определения языка проверки - Для текстовых редакторов предоставляйте пользователю возможность включать/выключать проверку
Совместимость с браузерами:
| Браузер | Поддержка | Примечания |
|---|---|---|
| Chrome | Да | Полная поддержка |
| Firefox | Да | Полная поддержка |
| Safari | Да | Полная поддержка |
| Edge | Да | Полная поддержка |
| IE | Нет | Не поддерживается |
Важные замечания:
- Проверка орфографии зависит от словарей, установленных в браузере
- Некоторые браузеры позволяют пользователям переопределять этот атрибут
- Для профессиональных редакторов лучше использовать специализированные библиотеки
- Атрибут не влияет на серверную обработку текста
Примечание: Хотя атрибут spellcheck предоставляет базовую проверку орфографии, для серьезных проектов рекомендуется реализовывать собственную систему проверки с пользовательскими словарями терминов и более точным определением контекста.